@media all and (min-width: 897px) and (max-width: 1200px) {
  html {
    font-size: 62.5% !important;
  }
}
:root {
  /* Color */
  --color-border: #d6dbde;
  --color-yellow04: #ffd205;
  --color-blue01: #eefdff;
  --color-blue03: #8fd6ff;
  --color-blue05: #0d46a2;
  --color-blue06: #0e1388;
  --color-gray01: #f5f5f3;
  --color-gray04: #959aa8;
  --color-gray05: #999999;
  --color-gray06: #6c778b;
  --color-gray09: #2c3340;
  --color-white: #fff;
  --color-beige03: #edede7;
  --color-teal02: #187fa4;
  /* Font Size */
  --font-family-base: "Noto Sans JP", sans-serif;
  --font-family-en: "Syncopate", sans-serif;
  /* Font Size */
  --font-heading5-pc: 1.5rem;
  --font-md: 16px;
  --font-lg: 20px;
  --font-xl: 24px;
  /* caption-sm */
  --font-caption-sm: 1rem;
  --line-height-caption-sm: 1.6;
  --letter-spacing-caption-sm: 0.02em;
  /* label-sp */
  --font-caption-sm: 1rem;
  --line-height-caption-sm: 1.5;
}

.newGradButton--button3, .newGradButton--button2, a.newGradButton--default {
  padding: 1.2rem;
  border-radius: 0.4rem;
  display: grid;
  grid-template-columns: 1fr 3.2rem;
  align-items: center;
  text-align: center;
  width: 100%;
}
.newGradButton--button3::after, .newGradButton--button2::after, a.newGradButton--default::after {
  content: none;
}
.newGradButton--button3:hover .newGradButton__textIcon span, .newGradButton--button2:hover .newGradButton__textIcon span, a.newGradButton--default:hover .newGradButton__textIcon span, .newGradButton--button3:hover .caseButton__textIcon--button2 span, .newGradButton--button2:hover .caseButton__textIcon--button2 span, a.newGradButton--default:hover .caseButton__textIcon--button2 span, .newGradButton--button3:hover .newGradButton__textIcon--button2 span, .newGradButton--button2:hover .newGradButton__textIcon--button2 span, a.newGradButton--default:hover .newGradButton__textIcon--button2 span {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.newGradButton--button3:hover .newGradButton__textIcon span:nth-of-type(1), .newGradButton--button2:hover .newGradButton__textIcon span:nth-of-type(1), a.newGradButton--default:hover .newGradButton__textIcon span:nth-of-type(1), .newGradButton--button3:hover .caseButton__textIcon--button2 span:nth-of-type(1), .newGradButton--button2:hover .caseButton__textIcon--button2 span:nth-of-type(1), a.newGradButton--default:hover .caseButton__textIcon--button2 span:nth-of-type(1), .newGradButton--button3:hover .newGradButton__textIcon--button2 span:nth-of-type(1), .newGradButton--button2:hover .newGradButton__textIcon--button2 span:nth-of-type(1), a.newGradButton--default:hover .newGradButton__textIcon--button2 span:nth-of-type(1) {
  transform: translate(100%, -100%);
}
.newGradButton--button3:hover .newGradButton__textIcon span:nth-of-type(2), .newGradButton--button2:hover .newGradButton__textIcon span:nth-of-type(2), a.newGradButton--default:hover .newGradButton__textIcon span:nth-of-type(2), .newGradButton--button3:hover .caseButton__textIcon--button2 span:nth-of-type(2), .newGradButton--button2:hover .caseButton__textIcon--button2 span:nth-of-type(2), a.newGradButton--default:hover .caseButton__textIcon--button2 span:nth-of-type(2), .newGradButton--button3:hover .newGradButton__textIcon--button2 span:nth-of-type(2), .newGradButton--button2:hover .newGradButton__textIcon--button2 span:nth-of-type(2), a.newGradButton--default:hover .newGradButton__textIcon--button2 span:nth-of-type(2) {
  transform: translate(0%, 0%);
}
.newGradButton--button3:hover:not(.js-textHover) .newGradButton__textWord, .newGradButton--button2:hover:not(.js-textHover) .newGradButton__textWord, a.newGradButton--default:hover:not(.js-textHover) .newGradButton__textWord {
  transform: translateY(-4.8rem);
}
@media only screen and (max-width: 768px) {
  .newGradButton--button3, .newGradButton--button2, a.newGradButton--default {
    padding: 0.8rem 1.2rem 0.8rem 2.4rem;
  }
}

.newGradButton__text {
  text-shadow: 0 4.8rem;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-width: 0;
}

.newGradButton__textWord {
  display: flex;
  align-items: center;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.js-textHover__word {
  display: flex;
  align-items: center;
  will-change: transform;
}

.newGradButton__textIcon, .caseButton__textIcon--button2, .newGradButton__textIcon--button2 {
  background-color: var(--color-white);
  aspect-ratio: 1/1;
  border-radius: 0.2rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.newGradButton__textIcon span, .caseButton__textIcon--button2 span, .newGradButton__textIcon--button2 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0%, 0%);
  background-image: url(../img/newgrad/icon_arrow.svg);
  background-size: 0.6rem;
  background-repeat: no-repeat;
  background-position: center;
}
.newGradButton__textIcon span:nth-of-type(2), .caseButton__textIcon--button2 span:nth-of-type(2), .newGradButton__textIcon--button2 span:nth-of-type(2) {
  transform: translate(-100%, 100%);
}

.newGradButton__textIcon--button2 {
  background-color: var(--color-gray09);
}
.newGradButton__textIcon--button2 span {
  background-image: none;
  background-color: var(--color-white);
  -webkit-mask-image: url("../img/newgrad/icon_arrow.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 0.6rem;
  mask-image: url("../img/newgrad/icon_arrow.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 0.6rem;
}

.caseButton__textIcon--button2 span {
  background-image: none;
  background-color: var(--color-gray09);
  -webkit-mask-image: url("../img/newgrad/icon_new_in_tab.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 2.4rem;
  mask-image: url("../img/newgrad/icon_new_in_tab.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 2.4rem;
}

a.newGradButton--default {
  background-color: var(--color-blue06);
  color: var(--color-white);
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.02em;
}
a.newGradButton--default:visited {
  color: var(--color-white);
}
@media only screen and (max-width: 768px) {
  a.newGradButton--default {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
}

.newGradButton--button2 {
  background-color: var(--color-white);
  font-size: var(--font-heading5-pc);
  font-family: var(--font-family-base);
  line-height: 1.5;
  font-weight: 700;
  color: var(--color-gray09);
}
.newGradButton--button2:visited {
  color: var(--color-gray09);
}
@media only screen and (max-width: 768px) {
  .newGradButton--button2 {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.2rem;
    font-weight: 700;
  }
}

.newGradButton--button3 {
  background-color: var(--color-yellow04);
  font-size: var(--font-heading5-pc);
  font-family: var(--font-family-en);
  line-height: 1.5;
  font-weight: 700;
  color: var(--color-gray09);
}
.newGradButton--button3:visited {
  color: var(--color-gray09);
}
@media only screen and (max-width: 768px) {
  .newGradButton--button3 {
    font-size: 1.5rem;
  }
}

#newgrad .hero {
  background-color: var(--color-white);
  overflow: hidden;
}
@media (max-width: 592px) {
  #newgrad .hero {
    background: linear-gradient(90deg, #ffffff 50%, #deffff 100%);
  }
}
#newgrad .heroWrap {
  width: 100%;
  margin-inline: auto;
  height: 100vh;
  min-height: 80rem;
  position: relative;
  aspect-ratio: 1440/825;
}
@media only screen and (max-width: 1080px) {
  #newgrad .heroWrap {
    min-height: auto;
    height: 61.8rem;
    aspect-ratio: 769/605;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .heroWrap {
    height: 82.5rem;
    min-height: auto;
  }
}
@media (min-width: 375px) and (max-width: 591px) {
  #newgrad .heroWrap {
    height: calc(661px + (100vw - 375px) * 164 / 216);
  }
}
@media only screen and (max-width: 375px) {
  #newgrad .heroWrap {
    aspect-ratio: 375/661;
  }
}
#newgrad .hero__main {
  position: relative;
  aspect-ratio: 1260/722;
  height: 100%;
  width: 100%;
}
#newgrad .hero__main > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: bottom;
}
@media only screen and (max-width: 768px) {
  #newgrad .hero__main {
    height: auto;
    width: 126.9rem;
    position: absolute;
    right: -14.7rem;
    bottom: 2.3rem;
  }
}
@media only screen and (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__main {
    right: calc(-225px + (100vw - 591px) * 78 / 177);
    bottom: calc((100vw - 591px) * 23 / 177);
  }
}
@media only screen and (min-width: 375px) and (max-width: 591px) {
  #newgrad .hero__main {
    width: calc(731px + (100vw - 375px) * 538 / 216);
    right: calc(-119px + (100vw - 375px) * -106 / 216);
    bottom: calc(77px + (100vw - 375px) * -77 / 216);
  }
}
@media only screen and (max-width: 375px) {
  #newgrad .hero__main {
    width: 73.1rem;
    right: -11.9rem;
    bottom: 7.7rem;
  }
}
#newgrad .hero__button {
  max-width: 90.278vw;
  width: 100%;
  z-index: 3;
  position: absolute;
  bottom: 6.8vw;
  left: 50%;
  transform: translateX(-50%);
}
#newgrad .hero__button .newGradButton--default {
  width: 30rem;
  max-width: 30rem;
  margin-inline: auto 0;
}
@media only screen and (max-width: 591px) {
  #newgrad .hero__button .newGradButton--default {
    margin-inline: auto;
  }
}
@media (max-width: 1080px) {
  #newgrad .hero__button {
    bottom: calc(10% - (100vw - 769px) * 4 / 311);
  }
}
@media (min-width: 769px) and (max-width: 1080px) {
  #newgrad .hero__button {
    bottom: calc((100vw - 769px) * 6 / 311);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .hero__button {
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__button {
    bottom: 5.208vw;
    right: 4.167vw;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .hero__button {
    transform: none;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
#newgrad .hero__copy--pc {
  max-width: 88.7vw;
  position: absolute;
  width: 100%;
  top: calc(50% - 9rem);
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 2.708vw;
  z-index: 3;
  position: absolute;
}
@media (min-width: 769px) and (max-width: 1080px) {
  #newgrad .hero__copy--pc {
    top: calc(50% - clamp(9rem, 9rem + (1080px - 100vw) * 1 / 311, 10rem));
  }
}
@media (max-width: 768px) {
  #newgrad .hero__copy--pc {
    top: calc(50% - 10rem);
  }
}
#newgrad .hero__copy--pc > span img {
  display: block;
  width: 100%;
  height: auto;
}
#newgrad .hero__copy--pc > span:nth-child(1) {
  width: 55.14vw;
}
@media (min-width: 1440px) {
  #newgrad .hero__copy--pc > span:nth-child(1) {
    width: 79.4rem;
  }
}
#newgrad .hero__copy--pc > span:nth-child(2) {
  width: 39.03vw;
}
@media (min-width: 1440px) {
  #newgrad .hero__copy--pc > span:nth-child(2) {
    width: 56.2rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .hero__copy--pc {
    display: none;
  }
}
#newgrad .hero__copy--sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  #newgrad .hero__copy--sp {
    display: flex;
    z-index: 3;
    position: absolute;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 2.9rem;
    padding-top: 13.2rem;
    padding-inline: 3.2rem;
  }
}
@media only screen and (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__copy--sp {
    row-gap: 3.776vw;
    padding-top: 18.188vw;
    padding-inline: 4.167vw;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .hero__copy--sp {
    row-gap: 1.8rem;
    padding-top: 13.2rem;
    padding-inline: 2rem;
  }
}
#newgrad .hero__copy--sp > span:nth-child(1) {
  width: 7.7rem;
}
@media (min-width: 376px) and (max-width: 591px) {
  #newgrad .hero__copy--sp > span:nth-child(1) {
    width: 20.53vw;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__copy--sp > span:nth-child(1) {
    width: 12.1rem;
  }
}
#newgrad .hero__copy--sp > span:nth-child(2) {
  width: 29.1rem;
}
@media (min-width: 376px) and (max-width: 591px) {
  #newgrad .hero__copy--sp > span:nth-child(2) {
    width: 77.6vw;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__copy--sp > span:nth-child(2) {
    width: 46.8rem;
  }
}
#newgrad .hero__copy--sp > span:nth-child(3) {
  width: 25.3rem;
}
@media (min-width: 376px) and (max-width: 591px) {
  #newgrad .hero__copy--sp > span:nth-child(3) {
    width: 67.47vw;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__copy--sp > span:nth-child(3) {
    width: 41.4rem;
  }
}
#newgrad .hero__background {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: bottom;
}
@media only screen and (max-width: 591px) {
  #newgrad .hero__background {
    width: 100%;
    height: auto;
    object-fit: contain;
    top: 11.1rem;
    bottom: auto;
  }
  #newgrad .hero__background > img {
    max-width: 100%;
  }
}
#newgrad .hero__text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 88.7vw;
  width: 100%;
  margin-inline: auto;
  bottom: 4.23vw;
  z-index: 3;
}
@media (min-width: 769px) and (max-width: 1080px) {
  #newgrad .hero__text {
    bottom: calc(10% - (100vw - 769px) * 4 / 311);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .hero__text {
    max-width: 100%;
    width: calc(100% - 8.333vw);
    bottom: 15.755vw;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .hero__text {
    bottom: 18%;
  }
}
@media only screen and (max-width: 450px) {
  #newgrad .hero__text {
    width: calc(100% - 4rem);
    bottom: 22%;
  }
}
#newgrad .hero__text > img {
  width: 36vw;
  aspect-ratio: 519/132;
}
@media only screen and (max-width: 768px) {
  #newgrad .hero__text > img {
    max-width: 42.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 592px) and (max-width: 768px) {
  #newgrad .hero__text > img {
    max-width: 55.469vw;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .hero__text > img {
    max-width: 54.4vw;
  }
}
#newgrad .message {
  padding-top: 9rem;
  background-color: var(--color-white);
  color: var(--color-white);
}
#newgrad .messageWrap {
  position: relative;
}
#newgrad .messageWrap::before {
  position: absolute;
  top: -30rem;
  right: 0;
  content: "";
  max-width: 360px;
  width: 25vw;
  min-width: 27rem;
  display: inline-block;
  aspect-ratio: 360/760;
  background-image: url("../img/newgrad/top/message_background.webp");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 592px) {
  #newgrad .messageWrap::before {
    content: none;
  }
}
#newgrad .message__content {
  position: absolute;
  top: 0;
  left: 0;
  right: calc(27rem + (100vw - 1080px) * 90 / 360);
  height: 100%;
  background: linear-gradient(88.3deg, #0f2b7f 1.07%, #5799a5 98.93%);
}
@media (max-width: 800px) {
  #newgrad .message__content {
    width: calc(100% - 8rem);
  }
}
@media (max-width: 600px) {
  #newgrad .message__content {
    width: calc(100% - 3.2rem);
  }
}
@media (max-width: 450px) {
  #newgrad .message__content {
    width: calc(100% - 2rem);
  }
}
#newgrad .message__contentBox {
  max-width: 144rem;
  margin-inline: auto;
  padding: 16rem 8rem;
  z-index: 1;
  position: relative;
}
@media (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__contentBox {
    padding: calc(12rem + (100vw - 1080px) * 4 / 360) calc(6rem + (100vw - 1080px) * 2 / 360) calc(13.4rem + (100vw - 1080px) * 2.6 / 360);
  }
}
@media (max-width: 1080px) {
  #newgrad .message__contentBox {
    padding: 12rem 6rem 13.4rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .message__contentBox {
    max-width: 100%;
    width: 100%;
    padding: 8rem 3.2rem 12rem;
  }
}
@media only screen and (max-width: 450px) {
  #newgrad .message__contentBox {
    padding: 8rem 2rem 12rem;
  }
}
#newgrad .message__contentBox .is-mobile {
  display: none;
}
@media only screen and (max-width: 570px) {
  #newgrad .message__contentBox .is-mobile {
    display: block;
  }
}
#newgrad .message__contentBox::after {
  position: absolute;
  top: 24%;
  right: 8rem;
  content: "";
  max-width: 44rem;
  width: 44rem;
  display: inline-block;
  aspect-ratio: 440/622;
  background-image: url("../img/newgrad/top/message_view.webp");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__contentBox::after {
    width: calc(33rem + (100vw - 1080px) * 110 / 360);
  }
}
@media (max-width: 1080px) {
  #newgrad .message__contentBox::after {
    width: 33rem;
    right: 6rem;
    top: 18rem;
  }
}
@media (max-width: 769px) {
  #newgrad .message__contentBox::after {
    width: 32rem;
    right: 4rem;
    top: 12rem;
  }
}
@media (max-width: 768px) {
  #newgrad .message__contentBox::after {
    width: 24rem;
    right: 4rem;
    top: calc(100% - 6rem);
  }
}
@media (max-width: 600px) {
  #newgrad .message__contentBox::after {
    right: 1.2rem;
  }
}
@media (min-width: 451px) and (max-width: 591px) {
  #newgrad .message__contentBox::after {
    width: calc(160px + (100vw - 450px) * 80 / 141);
  }
}
@media (max-width: 450px) {
  #newgrad .message__contentBox::after {
    width: 16rem;
    right: 0.8rem;
  }
}
#newgrad .message__text {
  margin-top: 4.8rem;
  line-height: 2.2;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__text {
    font-size: calc(12px + (100vw - 1080px) * 4 / 360);
  }
}
@media (min-width: 769px) and (max-width: 1079px) {
  #newgrad .message__text {
    font-size: calc(15px + (100vw - 769px) * -3 / 311);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .message__text {
    margin-top: 3.2rem;
    line-height: 2;
    font-size: 1.5rem;
  }
}
#newgrad .message__text + .message__text {
  margin-top: 2rem;
}
@media only screen and (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__text + .message__text {
    margin-top: 1.5625vw;
  }
}
#newgrad .message__text .is-mobile {
  display: none;
}
@media only screen and (min-width: 769px) and (max-width: 900px) {
  #newgrad .message__text .is-mobile {
    display: block;
  }
}
@media (max-width: 591px) {
  #newgrad .message__text .is-mobile {
    display: block;
  }
}
#newgrad .values {
  background-color: var(--color-white);
  position: relative;
}
#newgrad .values::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  max-width: 36rem;
  min-width: 36rem;
  display: inline-block;
  aspect-ratio: 360/180;
  background-image: url("../img/newgrad/top/value_background.webp");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  #newgrad .values::before {
    max-width: 20.3rem;
    min-width: 20.3rem;
  }
}
#newgrad .valuesWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgrad .valuesWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgrad .valuesWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .valuesWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgrad .valuesWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgrad .valuesWrap {
  padding-block: 16rem 32rem;
  position: relative;
  display: flex;
  column-gap: 12rem;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 1079px) {
  #newgrad .valuesWrap {
    padding-block: 24rem 10rem;
    flex-direction: column;
    row-gap: 6.4rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .valuesWrap {
    padding-top: 32rem;
  }
}
@media (max-width: 450px) {
  #newgrad .valuesWrap {
    padding-top: 24rem;
  }
}
#newgrad .values__titleText {
  font-size: 5.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}
@media (min-width: 1081px) and (max-width: 1440px) {
  #newgrad .values__titleText {
    font-size: calc(42px + (100vw - 1080px) * 14 / 360);
  }
}
@media (min-width: 769px) and (max-width: 1080px) {
  #newgrad .values__titleText {
    font-size: calc(32px + (100vw - 769px) * 10 / 311);
    white-space: normal;
  }
}
@media (max-width: 1079px) {
  #newgrad .values__titleText {
    font-size: 3.2rem;
    white-space: normal;
    display: inline;
  }
}
@media (max-width: 591px) {
  #newgrad .values__titleText {
    display: flex;
  }
}
#newgrad .values__content {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  padding-top: 4rem;
  min-width: 38rem;
}
@media only screen and (max-width: 1079px) {
  #newgrad .values__content {
    position: static;
    padding-top: 0;
    min-width: 100%;
  }
}
#newgrad .values__list {
  padding-top: 40rem;
  max-width: 56rem;
  min-width: 42rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1079px) {
  #newgrad .values__list {
    padding-top: 0;
    max-width: 100%;
    min-width: 100%;
  }
}
#newgrad .values__list > li {
  padding-bottom: 6.4rem;
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .values__list > li {
    row-gap: calc(24px + (100vw - 769px) * 16 / 671);
    padding-bottom: calc(32px + (100vw - 769px) * 32 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .values__list > li {
    row-gap: 2.4rem;
    padding-bottom: 3.2rem;
  }
}
#newgrad .values__list > li + li {
  padding-top: 6.4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .values__list > li + li {
    padding-top: calc(32px + (100vw - 769px) * 32 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .values__list > li + li {
    padding-top: 3.2rem;
  }
}
#newgrad .values__list > li:not(:last-child) {
  border-bottom: solid 1px var(--color-border);
}
#newgrad .values__list > li:last-child {
  padding-bottom: 0;
}
#newgrad .js-newGradValuesOpacity {
  opacity: 0.2;
  transition: opacity 0.5s ease;
}
@media (max-width: 1079px) {
  #newgrad .js-newGradValuesOpacity {
    opacity: 1;
  }
}
#newgrad .js-newGradValuesOpacity.is-newGradValuesOpacityActive {
  opacity: 1;
}
#newgrad .valuesList__title {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media (min-width: 1081px) and (max-width: 1440px) {
  #newgrad .valuesList__title {
    font-size: calc(28px + (100vw - 1080px) * 4 / 360);
  }
}
@media (min-width: 769px) and (max-width: 1080px) {
  #newgrad .valuesList__title {
    font-size: calc(24px + (100vw - 769px) * 4 / 311);
  }
}
@media (max-width: 768px) {
  #newgrad .valuesList__title {
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media (max-width: 1079px) {
  #newgrad .valuesList__title br {
    display: none;
  }
}
@media (max-width: 591px) {
  #newgrad .valuesList__title br {
    display: block;
  }
}
#newgrad .valuesList__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .valuesList__text {
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .valuesList__text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 1079px) {
  #newgrad .valuesList__text br {
    display: none;
  }
}
#newgrad .business {
  background: linear-gradient(88.3deg, #0f2b7f 1.07%, #5799a5 98.93%);
  color: var(--color-white);
  position: relative;
}
#newgrad .business::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/newgrad/business_background.jpg") center/cover no-repeat;
  opacity: 0.03;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  #newgrad .business::before {
    background: url("../img/newgrad/business_background_sp.jpg") center/cover no-repeat;
  }
}
#newgrad .businessWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgrad .businessWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgrad .businessWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .businessWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgrad .businessWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgrad .businessWrap {
  padding-block: 16rem;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .businessWrap {
    padding-block: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .businessWrap {
    padding-block: 10rem;
  }
}
#newgrad .business__content {
  display: grid;
  grid-template-columns: 640fr minmax(335px, 640fr);
  justify-content: space-between;
}
@media only screen and (max-width: 1080px) {
  #newgrad .business__content {
    grid-template-columns: 322fr 335fr;
    column-gap: 3.2rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .business__content {
    grid-template-columns: 1fr;
    row-gap: 4rem;
  }
}
#newgrad .business__contentWrap {
  display: flex;
  flex-direction: column;
  row-gap: 4.8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .business__contentWrap {
    row-gap: calc(32px + (100vw - 769px) * 16 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .business__contentWrap {
    row-gap: 3.2rem;
  }
}
#newgrad .business__image {
  max-width: 64rem;
  width: 100%;
}
@media (max-width: 768px) {
  #newgrad .business__image {
    margin-inline: auto;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .business__image {
    max-width: calc(48.02vw + 5.12rem);
  }
}
@media (max-width: 591px) {
  #newgrad .business__image {
    max-width: 33.5rem;
  }
}
#newgrad .message__titlePoint,
#newgrad .business__titlePoint {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-white);
}
@media (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__titlePoint,
  #newgrad .business__titlePoint {
    font-size: calc(12px + (100vw - 1080px) * 4 / 360);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .message__titlePoint,
  #newgrad .business__titlePoint {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
#newgrad .message__titlePoint::before,
#newgrad .business__titlePoint::before {
  margin-bottom: 0.1rem;
  content: "";
  display: inline-block;
  min-width: 1.2rem;
  max-width: 1.2rem;
  aspect-ratio: 1/1;
  background-color: var(--color-white);
}
@media (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__titlePoint::before,
  #newgrad .business__titlePoint::before {
    min-width: calc(9px + (100vw - 1080px) * 3 / 360);
    max-width: calc(9px + (100vw - 1080px) * 3 / 360);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .message__titlePoint::before,
  #newgrad .business__titlePoint::before {
    min-width: 1rem;
    max-width: 1rem;
  }
}
#newgrad .message__titleText,
#newgrad .business__titleText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 5.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: var(--color-white);
  line-height: 1.3;
}
@media only screen and (min-width: 1080px) and (max-width: 1440px) {
  #newgrad .message__titleText,
  #newgrad .business__titleText {
    font-size: clamp(42px, 42px + (100vw - 1080px) * 14 / 360, 56px);
  }
}
@media (min-width: 769px) and (max-width: 1079px) {
  #newgrad .message__titleText,
  #newgrad .business__titleText {
    font-size: clamp(32px, 32px + (100vw - 769px) * 10 / 311, 42px);
  }
}
@media (max-width: 768px) {
  #newgrad .message__titleText,
  #newgrad .business__titleText {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .business__read {
  max-width: 50rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .business__read {
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .business__read {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media only screen and (max-width: 1080px) {
  #newgrad .business__read {
    max-width: 100%;
  }
}
#newgrad .businessSub {
  margin-top: 12rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .businessSub {
    margin-top: calc(64px + (100vw - 769px) * 56 / 671);
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .businessSub {
    margin-top: 6.4rem;
  }
}
@media (max-width: 591px) {
  #newgrad .businessSub {
    margin-top: 8rem;
  }
}
#newgrad .businessSub__title {
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .businessSub__title {
    font-size: calc(24px + (100vw - 769px) * 8 / 671);
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .businessSub__title {
    font-size: 2.4rem;
  }
}
@media (max-width: 591px) {
  #newgrad .businessSub__title {
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .businessSub__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 1080px) {
  #newgrad .businessSub__list {
    grid-template-columns: 1fr;
  }
}
#newgrad .businessSub__list > li {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 2rem 2rem 4rem 2rem;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1080px) {
  #newgrad .businessSub__list > li {
    display: grid;
    column-gap: 2.4rem;
    grid-template-rows: 6.5rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .businessSub__list > li {
    display: flex;
    padding-bottom: 3.2rem;
  }
}
@media only screen and (max-width: 1080px) {
  #newgrad .businessSubList__image {
    max-width: 28rem;
    margin-inline: auto;
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .businessSubList__image {
    max-width: 100%;
  }
}
#newgrad .businessSubList__title {
  display: flex;
  align-items: baseline;
  column-gap: 1.6rem;
  margin-top: 4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .businessSubList__title {
    margin-top: calc((100vw - 769px) * 40 / 671);
    column-gap: calc(12px + (100vw - 769px) * 4 / 671);
  }
}
@media only screen and (max-width: 1080px) {
  #newgrad .businessSubList__title {
    margin-top: 0;
    grid-column: 2/3;
    grid-row: 1/2;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .businessSubList__title {
    margin-top: 2.4rem;
  }
}
#newgrad .businessSubList__title > span {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 0.4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .businessSubList__title > span {
    font-size: calc(20px + (100vw - 769px) * 4 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .businessSubList__title > span {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 2rem;
    font-weight: 700;
  }
}
#newgrad .businessSubList__title > strong {
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .businessSubList__title > strong {
    font-size: calc(20px + (100vw - 769px) * 4 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .businessSubList__title > strong {
    font-size: 2rem;
    margin-top: 0;
  }
}
#newgrad .businessSubList__text {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media only screen and (max-width: 1080px) {
  #newgrad .businessSubList__text {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .businessSubList__text {
    margin-top: 1.6rem;
  }
}
#newgrad .business__button {
  margin-inline: auto;
  margin-top: 8rem;
  max-width: 30rem;
}
@media only screen and (max-width: 768px) {
  #newgrad .business__button {
    margin-top: 4.8rem;
  }
}
#newgrad .culture {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
}
#newgrad .cultureWrap--details, #newgrad .cultureWrap--summary {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgrad .cultureWrap--details, #newgrad .cultureWrap--summary {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgrad .cultureWrap--details, #newgrad .cultureWrap--summary {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .cultureWrap--details, #newgrad .cultureWrap--summary {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgrad .cultureWrap--details, #newgrad .cultureWrap--summary {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgrad .cultureWrap--details, #newgrad .cultureWrap--summary {
  position: relative;
}
#newgrad .cultureWrap--details::before, #newgrad .cultureWrap--summary::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
}
#newgrad .cultureWrap--summary {
  padding-top: 16rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureWrap--summary {
    padding-top: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .cultureWrap--summary {
    padding-top: 10rem;
  }
}
#newgrad .cultureWrap--summary::before {
  max-width: 80rem;
  min-width: 80rem;
  background-image: url(../img/newgrad/culture_yellow.svg);
  top: -18.7rem;
  right: -54.9rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureWrap--summary::before {
    max-width: calc(480px + (100vw - 769px) * 320 / 671);
    min-width: calc(480px + (100vw - 769px) * 320 / 671);
    top: calc(-195px + (100vw - 769px) * 8 / 671);
    right: calc(-257px + (100vw - 769px) * -292 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .cultureWrap--summary::before {
    max-width: 48rem;
    min-width: 48rem;
    top: -19.5rem;
    right: -25.7rem;
  }
}
#newgrad .cultureWrap--details {
  padding-top: 12rem;
  padding-bottom: 16rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureWrap--details {
    padding-top: calc(64px + (100vw - 769px) * 56 / 671);
    padding-bottom: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .cultureWrap--details {
    padding-top: 6.4rem;
    padding-bottom: 10rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .cultureWrap--details {
    padding-top: 8rem;
  }
}
#newgrad .cultureWrap--details::before {
  max-width: 45rem;
  min-width: 45rem;
  background-image: url(../img/newgrad/culture_blue.svg);
  bottom: -8rem;
  left: -20.1rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureWrap--details::before {
    max-width: calc(360px + (100vw - 769px) * 90 / 671);
    min-width: calc(360px + (100vw - 769px) * 90 / 671);
    left: calc(-147px + (100vw - 769px) * -54 / 671);
    bottom: calc(-177px + (100vw - 769px) * 97 / 671);
  }
}
@media (max-width: 768px) {
  #newgrad .cultureWrap--details::before {
    max-width: 36rem;
    min-width: 36rem;
    left: -14.7rem;
    bottom: -17.7rem;
  }
}
#newgrad .culture__content {
  max-width: 63.2rem;
  min-width: 63.2rem;
}
@media only screen and (max-width: 1080px) {
  #newgrad .culture__content {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  #newgrad .culture__titleText br.is-desktop {
    display: none;
  }
}
@media only screen and (max-width: 591px) {
  #newgrad .culture__titleText br.is-desktop {
    display: block;
  }
}
#newgrad .culture__imageWrap {
  overflow: hidden;
  max-width: calc(50vw - 6.8rem);
  width: calc(100vw - 63.2rem - 11rem);
  position: absolute;
  top: 26.8rem;
  right: 0;
}
@media only screen and (max-width: 1080px) {
  #newgrad .culture__imageWrap {
    max-width: 100%;
    width: 100%;
    position: static;
    margin-top: 4.8rem;
  }
}
#newgrad .culture__image {
  width: max-content;
  display: grid;
  grid-template-columns: repeat(12, 45rem);
  animation: culture 50s linear infinite;
  column-gap: 4rem;
}
@media only screen and (max-width: 1080px) {
  #newgrad .culture__image {
    grid-template-columns: repeat(12, 24.3rem);
    column-gap: 2.4rem;
  }
}
@keyframes culture {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
#newgrad .cultureDetail {
  position: relative;
  z-index: 1;
}
#newgrad .cultureDetail__title {
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureDetail__title {
    font-size: calc(24px + (100vw - 769px) * 8 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .cultureDetail__title {
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .cultureDetail__list {
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem 10rem;
}
@media only screen and (max-width: 1080px) {
  #newgrad .cultureDetail__list {
    grid-template-columns: 1fr;
    row-gap: 3.2rem;
  }
}
#newgrad .cultureDetail__list > li {
  padding-left: 9.2rem;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureDetail__list > li {
    padding-left: calc(56px + (100vw - 769px) * 36 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .cultureDetail__list > li {
    padding-left: 0;
  }
}
#newgrad .cultureDetail__list > li::before {
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  min-width: 6.4rem;
  max-width: 6.4rem;
  aspect-ratio: 1/1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureDetail__list > li::before {
    min-width: calc(40px + (100vw - 769px) * 24 / 671);
    max-width: calc(40px + (100vw - 769px) * 24 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .cultureDetail__list > li::before {
    min-width: 4rem;
    max-width: 4rem;
  }
}
#newgrad .cultureDetail__list > li:first-child::before {
  background-image: url(../img/newgrad/top/culture_training.svg);
}
#newgrad .cultureDetail__list > li:nth-child(2)::before {
  background-image: url(../img/newgrad/top/culture_joyn.svg);
}
#newgrad .cultureDetail__list > li:nth-child(3)::before {
  background-image: url(../img/newgrad/top/culture_communication.svg);
}
#newgrad .cultureDetail__list > li:nth-child(4)::before {
  background-image: url(../img/newgrad/top/culture_club.svg);
}
#newgrad .cultureDetail__button {
  margin-top: 8rem;
  max-width: 30rem;
}
@media only screen and (max-width: 768px) {
  #newgrad .cultureDetail__button {
    margin-top: 4.8rem;
    margin-inline: auto;
  }
}
#newgrad .cultureDetailList__title {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureDetailList__title {
    font-size: calc(18px + (100vw - 769px) * 6 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .cultureDetailList__title {
    min-height: 4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 5.6rem;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .cultureDetailList__text {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .cultureDetailList__text {
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .cultureDetailList__text {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgrad .culture__titleText {
  font-size: 5.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .culture__titleText {
    font-size: calc(32px + (100vw - 769px) * 16 / 671);
  }
}
@media only screen and (max-width: 1080px) {
  #newgrad .culture__titleText {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .people__image {
  max-width: 100%;
}
#newgrad .people {
  background-color: var(--color-blue01);
}
#newgrad .people__list {
  margin-top: 8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .people__list {
    margin-top: calc(48px + (100vw - 769px) * 32 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .people__list {
    margin-top: 4.8rem;
  }
}
#newgrad .peopleWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgrad .peopleWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgrad .peopleWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .peopleWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgrad .peopleWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgrad .peopleWrap {
  padding-block: 16rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .peopleWrap {
    padding-block: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .peopleWrap {
    padding-block: 10rem;
  }
}
#newgrad .message__title,
#newgrad .values__title,
#newgrad .business__title,
#newgrad .culture__title,
#newgrad .recruit__title,
#newgrad .people__title {
  display: flex;
  flex-direction: column;
  row-gap: 3.2rem;
  align-items: flex-start;
  z-index: 1;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .message__title,
  #newgrad .values__title,
  #newgrad .business__title,
  #newgrad .culture__title,
  #newgrad .recruit__title,
  #newgrad .people__title {
    row-gap: calc(24px + (100vw - 769px) * 8 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .message__title,
  #newgrad .values__title,
  #newgrad .business__title,
  #newgrad .culture__title,
  #newgrad .recruit__title,
  #newgrad .people__title {
    row-gap: 2.4rem;
  }
}
#newgrad .values__titlePoint,
#newgrad .culture__titlePoint,
#newgrad .recruit__titlePoint,
#newgrad .people__titlePoint {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-blue05);
}
@media only screen and (max-width: 768px) {
  #newgrad .values__titlePoint,
  #newgrad .culture__titlePoint,
  #newgrad .recruit__titlePoint,
  #newgrad .people__titlePoint {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
#newgrad .values__titlePoint::before,
#newgrad .culture__titlePoint::before,
#newgrad .recruit__titlePoint::before,
#newgrad .people__titlePoint::before {
  margin-bottom: 0.1rem;
  content: "";
  display: inline-block;
  min-width: 1.2rem;
  max-width: 1.2rem;
  aspect-ratio: 1/1;
  background-color: var(--color-blue05);
}
@media only screen and (max-width: 768px) {
  #newgrad .values__titlePoint::before,
  #newgrad .culture__titlePoint::before,
  #newgrad .recruit__titlePoint::before,
  #newgrad .people__titlePoint::before {
    min-width: 1rem;
    max-width: 1rem;
  }
}
#newgrad .people__titleText,
#newgrad .recruit__titleText {
  font-size: 5.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .people__titleText,
  #newgrad .recruit__titleText {
    font-size: calc(32px + (100vw - 769px) * 16 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .people__titleText,
  #newgrad .recruit__titleText {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .values__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 4.8rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .values__read {
    margin-top: calc(24px + (100vw - 769px) * 24 / 671);
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media only screen and (max-width: 1290px) {
  #newgrad .values__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgrad .culture__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 4.8rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .culture__read {
    margin-top: calc(24px + (100vw - 769px) * 24 / 671);
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .culture__read {
    margin-top: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgrad .recruit__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 4.8rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .recruit__read {
    margin-top: calc(24px + (100vw - 769px) * 24 / 671);
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruit__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruit__read br {
    display: none;
  }
}
#newgrad .people__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 4.8rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .people__read {
    margin-top: calc(24px + (100vw - 769px) * 24 / 671);
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .people__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgrad .recruit {
  background-color: var(--color-white);
  overflow: hidden;
}
#newgrad .recruitWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgrad .recruitWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgrad .recruitWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgrad .recruitWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgrad .recruitWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgrad .recruitWrap {
  padding-block: 16rem;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .recruitWrap {
    padding-block: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitWrap {
    padding-block: 10rem;
  }
}
#newgrad .recruitWrap::before, #newgrad .recruitWrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
}
#newgrad .recruitWrap::before {
  max-width: 38.1rem;
  min-width: 38.1rem;
  background-image: url(../img/newgrad/recruit_yellow.svg);
  bottom: -6rem;
  left: -19rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .recruitWrap::before {
    max-width: calc(282px + (100vw - 769px) * 99 / 671);
    min-width: calc(282px + (100vw - 769px) * 99 / 671);
    left: calc(-134px + (100vw - 769px) * -56 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitWrap::before {
    max-width: 28.2rem;
    min-width: 28.2rem;
    left: -13.4rem;
  }
}
#newgrad .recruitWrap::after {
  max-width: 56.5rem;
  min-width: 56.5rem;
  background-image: url(../img/newgrad/recruit_blue.svg);
  top: 0;
  right: -34.5rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .recruitWrap::after {
    max-width: calc(395px + (100vw - 769px) * 170 / 671);
    min-width: calc(395px + (100vw - 769px) * 170 / 671);
    right: calc(-195px + (100vw - 769px) * -150 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitWrap::after {
    max-width: 39.5rem;
    min-width: 39.5rem;
    right: -19.5rem;
  }
}
#newgrad .recruit__flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  margin-top: 6.4rem;
  z-index: 1;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgrad .recruit__flow {
    margin-top: calc(48px + (100vw - 769px) * 16 / 671);
  }
}
@media only screen and (max-width: 1079px) {
  #newgrad .recruit__flow {
    column-gap: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruit__flow {
    grid-template-columns: 1fr;
  }
}
#newgrad .recruit__flow > li {
  border: solid 1px var(--color-border);
  border-radius: 0.8rem;
  padding: 4rem 3.2rem;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
  background-color: var(--color-white);
  padding: 4rem 3.2rem;
}
@media (min-width: 769px) and (max-width: 1400px) {
  #newgrad .recruit__flow > li {
    padding: calc(16px + (100vw - 769px) * 24 / 631) calc(16px + (100vw - 769px) * 16 / 631);
  }
}
@media only screen and (max-width: 768px) {
  #newgrad .recruit__flow > li {
    padding: 2rem 2rem 3.2rem 2rem;
  }
}
#newgrad .recruitFlow__number {
  color: var(--color-blue05);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.4rem;
}
#newgrad .recruitFlow__number > strong {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  font-weight: 700;
}
#newgrad .recruitFlow__number > span {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitFlow__number > span {
    font-size: 1.2rem;
  }
}
#newgrad .recruitFlow__title {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitFlow__title {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgrad .recruitFlow__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: clamp(12px, 12px + (100vw - 769px) * 4 / 631, 16px);
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitFlow__text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgrad .recruitFlow__button {
  display: flex;
  column-gap: 1.6rem;
  align-items: center;
}
#newgrad .recruitFlow__button:hover .recruitFlow__buttonText::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}
#newgrad .recruitFlow__button:hover .recruitFlow__buttonIcon span {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#newgrad .recruitFlow__button:hover .recruitFlow__buttonIcon span:nth-of-type(1) {
  transform: translate(100%, -100%);
}
#newgrad .recruitFlow__button:hover .recruitFlow__buttonIcon span:nth-of-type(2) {
  transform: translate(0%, 0%);
}
#newgrad .recruitFlow__buttonIcon {
  display: flex;
  content: "";
  min-width: 4rem;
  max-width: 4rem;
  aspect-ratio: 1/1;
  background-color: var(--color-yellow04);
  aspect-ratio: 1/1;
  border-radius: 0.2rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}
#newgrad .recruitFlow__buttonIcon span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0%, 0%);
  background-image: url(../img/newgrad/icon_arrow.svg);
  background-size: 0.6rem;
  background-repeat: no-repeat;
  background-position: center;
}
#newgrad .recruitFlow__buttonIcon span:nth-of-type(2) {
  transform: translate(-100%, 100%);
}
#newgrad .recruitFlow__buttonText {
  line-height: 1.5;
  font-size: 1.3rem;
  font-weight: 700;
  font-size: clamp(13px, 14px - (100vw - 769px) * 1 / 631, 14px);
  position: relative;
  padding-block: 1rem;
  justify-content: flex-start;
}
#newgrad .recruitFlow__buttonText::before {
  position: absolute;
  content: "";
  display: inline-block;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-gray09);
  transform: scaleX(1);
  transform-origin: bottom left;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 768px) {
  #newgrad .recruitFlow__buttonText {
    line-height: 1.5;
    font-size: 1.4rem;
    font-weight: 700;
  }
}

#newgradBusiness {
  overflow: hidden;
  background-color: var(--color-white);
}
#newgradBusiness .hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(90deg, #ffffff 35.25%, #d6f3ff 111.11%);
  overflow: hidden;
}
#newgradBusiness .heroWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .heroWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradBusiness .heroWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradBusiness .heroWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradBusiness .heroWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradBusiness .heroWrap {
  padding-top: 20rem;
  padding-bottom: 6.4rem;
  position: relative;
}
#newgradBusiness .heroWrap > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 960px) {
  #newgradBusiness .heroWrap {
    padding-top: 14rem;
    padding-bottom: 12.8rem;
  }
}
@media (max-width: 580px) {
  #newgradBusiness .heroWrap {
    padding-bottom: 6.4rem;
  }
}
#newgradBusiness .hero__point {
  width: fit-content;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__point {
    font-size: calc(28px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__point {
    font-size: 1.4rem;
  }
}
#newgradBusiness .hero__title {
  width: fit-content;
  margin-top: 4rem;
  font-size: 6.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  background: linear-gradient(90deg, #2c3340 40%, #385ea4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 500;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__title {
    font-size: calc(56px + (100vw - 961px) * 8 / 479);
    margin-top: calc(24px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__title {
    font-size: 3.6rem;
    margin-top: 2.4rem;
  }
}
#newgradBusiness .hero__title .is-mobile {
  display: none;
}
@media (max-width: 450px) {
  #newgradBusiness .hero__title .is-mobile {
    display: block;
  }
}
#newgradBusiness .hero__read {
  margin-top: 4rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (max-width: 960px) {
  #newgradBusiness .hero__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__read br {
    display: none;
  }
}
#newgradBusiness #newgradCulture .hero__point8, #newgradCulture #newgradBusiness .hero__point8, #newgradBusiness #newgradCulture .hero__point6, #newgradCulture #newgradBusiness .hero__point6, #newgradBusiness #newgradCulture .hero__point7, #newgradCulture #newgradBusiness .hero__point7, #newgradBusiness .hero__point5, #newgradBusiness .hero__point4, #newgradBusiness .hero__point3, #newgradBusiness .hero__point2, #newgradBusiness .hero__point1 {
  position: absolute;
}
#newgradBusiness .hero__point1 {
  max-width: 32rem;
  top: 17.2rem;
  right: 38rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__point1 {
    max-width: calc(180px + (100vw - 961px) * 140 / 479);
    height: calc(44px + (100vw - 961px) * 20 / 479);
    top: calc(120px + (100vw - 961px) * 52 / 479);
    right: calc(352px + (100vw - 961px) * 28 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__point1 {
    max-width: 18rem;
    height: 4.4rem;
    top: 12rem;
    right: 35.2rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .hero__point1 {
    right: 6rem;
  }
}
#newgradBusiness .hero__point2 {
  max-width: 32rem;
  top: 21.8rem;
  right: 14rem;
  z-index: 1;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__point2 {
    max-width: calc(120px + (100vw - 961px) * 200 / 479);
    height: calc(36px + (100vw - 961px) * 28 / 479);
    top: calc(146px + (100vw - 961px) * 72 / 479);
    right: calc(292px + (100vw - 961px) * -152 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__point2 {
    max-width: 12rem;
    height: 3.6rem;
    top: 14.6rem;
    right: 29.2rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .hero__point2 {
    right: -3.6rem;
  }
}
#newgradBusiness .hero__point3 {
  max-width: 32rem;
  top: 48.3rem;
  right: -6rem;
  z-index: 3;
}
@media (max-width: 960px) {
  #newgradBusiness .hero__point3 {
    max-width: 18rem;
    height: 4.4rem;
    top: auto;
    bottom: 0;
    right: 42.8rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .hero__point3 {
    right: 11.5rem;
  }
}
#newgradBusiness .hero__point4 {
  top: 54rem;
  right: -12rem;
  max-width: 24rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__point4 {
    max-width: calc(180px + (100vw - 961px) * 60 / 479);
    top: calc(420px + (100vw - 961px) * 120 / 479);
    right: calc(-80px + (100vw - 961px) * -40 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__point4 {
    display: none;
  }
}
#newgradBusiness .hero__point5Wrap {
  max-width: 144rem;
  width: 100%;
  margin-inline: auto;
  position: relative;
  height: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__point5Wrap {
    height: calc(60px + (100vw - 961px) * 20 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .hero__point5Wrap {
    display: none;
  }
}
#newgradBusiness .hero__point5 {
  left: 40rem;
  max-width: 32rem;
  z-index: 2;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .hero__point5 {
    max-width: calc(180px + (100vw - 961px) * 140 / 479);
    left: calc(300px + (100vw - 961px) * 100 / 479);
  }
}
#newgradBusiness .service--consulting, #newgradBusiness .service--product, #newgradBusiness .service--data {
  max-width: 144rem;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service--consulting, #newgradBusiness .service--product, #newgradBusiness .service--data {
    padding-inline: 0;
  }
}
#newgradBusiness .service--data {
  margin-top: -2.4rem;
  margin-bottom: 30.4rem;
}
@media (max-width: 960px) {
  #newgradBusiness .service--data {
    margin-top: 13.6rem;
    margin-bottom: 0;
    padding-bottom: 20.4rem;
  }
}
@media (min-width: 581px) and (max-width: 960px) {
  #newgradBusiness .service--data {
    margin-top: calc(160px + (100vw - 580px) * -24 / 380);
    margin-bottom: 0;
    padding-bottom: calc(146px + (100vw - 580px) * 58 / 380);
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service--data {
    margin-top: 12rem;
    padding-bottom: 14.6rem;
  }
}
@media (max-width: 45px) {
  #newgradBusiness .service--data {
    margin-top: 16rem;
  }
}
#newgradBusiness .service--data .service__image--main {
  right: 4rem;
  top: 50%;
  transform: translateY(calc(-50% + var(--service-image-y, 0px)));
  bottom: 0;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service--data .service__image--main {
    top: -14.4rem;
    right: 0;
    transform: translateY(var(--service-image-y, 0px));
  }
}
@media only screen and (max-width: 460px) {
  #newgradBusiness .service--data .service__image--main {
    top: -14rem;
  }
}
#newgradBusiness .service--data .service__image--sub {
  left: 8rem;
  bottom: -14.4rem;
  max-width: 27rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service--data .service__image--sub {
    left: calc(64px + (100vw - 961px) * 16 / 479);
    bottom: calc(-121px + (100vw - 961px) * -23 / 479);
    max-width: calc(200px + (100vw - 961px) * 70 / 479);
  }
}
@media (min-width: 581px) and (max-width: 960px) {
  #newgradBusiness .service--data .service__image--sub {
    left: calc(20px + (100vw - 580px) * 20 / 380);
    bottom: 8rem;
    max-width: 24rem;
  }
}
@media (min-width: 581px) and (max-width: 960px) {
  #newgradBusiness .service--data .service__image--sub {
    left: calc(20px + (100vw - 580px) * 20 / 380);
    max-width: calc(144px + (100vw - 580px) * 96 / 380);
    bottom: 8rem;
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service--data .service__image--sub {
    left: 2rem;
    max-width: 14.4rem;
    bottom: 8rem;
  }
}
#newgradBusiness .service--data .service__content {
  padding-left: 8rem;
  padding-right: 16rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service--data .service__content {
    padding-left: calc(64px + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 1030px) and (max-width: 1290px) {
  #newgradBusiness .service--data .service__content {
    padding-right: 20rem;
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service--data .service__content {
    padding-inline: 4rem;
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service--data .service__content {
    padding-inline: 2rem;
  }
}
#newgradBusiness .service--product {
  margin-bottom: 28.4rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service--product {
    margin-top: 0;
    margin-bottom: 42.2rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .service--product {
    margin-bottom: 25.4rem;
  }
}
#newgradBusiness .service--product .service__image--main {
  left: 4rem;
  top: 4.2rem;
}
@media (max-width: 960px) {
  #newgradBusiness .service--product .service__image--main {
    left: 0;
    top: 0;
  }
}
@media (min-width: 592px) and (max-width: 960px) {
  #newgradBusiness .service--product .service__image--main {
    top: calc(100% - (28px + (100vw - 592px) * 8 / 368));
  }
}
@media (max-width: 591px) {
  #newgradBusiness .service--product .service__image--main {
    top: calc(100% - 2.8rem);
  }
}
#newgradBusiness .service--product .service__image--sub {
  left: 35%;
  top: calc(100% - 2.3rem);
  max-width: 22rem;
}
@media (min-width: 592px) and (max-width: 960px) {
  #newgradBusiness .service--product .service__image--sub {
    left: calc(178px + (100vw - 592px) * 102 / 368);
    top: calc(100% + 129px + (100vw - 592px) * 100 / 368);
    max-width: calc(120px + (100vw - 592px) * 80 / 368);
  }
}
@media (max-width: 591px) {
  #newgradBusiness .service--product .service__image--sub {
    left: 17.8rem;
    top: calc(100% + 12.9rem);
    max-width: 12rem;
  }
}
#newgradBusiness .service--product .service__content {
  padding-right: 8rem;
  padding-left: 16rem;
  margin-inline: auto 0;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service--product .service__content {
    padding-right: calc(64px + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 1030px) and (max-width: 1290px) {
  #newgradBusiness .service--product .service__content {
    padding-left: 20rem;
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service--product .service__content {
    padding-inline: 4rem;
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service--product .service__content {
    padding-inline: 2rem;
  }
}
#newgradBusiness .service--consulting {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service--consulting {
    padding-bottom: 28.1rem;
  }
}
#newgradBusiness .service--consulting .service__image--main {
  right: 4rem;
  top: 4.2rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service--consulting .service__image--main {
    right: 0;
    top: auto;
    bottom: 4rem;
  }
}
@media only screen and (max-width: 580px) {
  #newgradBusiness .service--consulting .service__image--main {
    right: 4.5rem;
  }
}
@media only screen and (max-width: 450px) {
  #newgradBusiness .service--consulting .service__image--main {
    right: 0;
    bottom: 3.2rem;
  }
}
#newgradBusiness .service--consulting .service__content {
  padding-left: 8rem;
  padding-right: 16rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service--consulting .service__content {
    padding-left: calc(64px + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 1030px) and (max-width: 1290px) {
  #newgradBusiness .service--consulting .service__content {
    padding-right: 20rem;
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service--consulting .service__content {
    padding-inline: 4rem;
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service--consulting .service__content {
    padding-inline: 2rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .service--consulting {
    padding-bottom: 14.1rem;
  }
}
#newgradBusiness .service__content {
  background-color: var(--color-blue01);
  padding-block: 12rem;
  max-width: 92rem;
  width: 74.9vw;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service__content {
    padding-block: calc(64px + (100vw - 961px) * 56 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service__content {
    padding-block: 6.4rem;
    width: 70%;
  }
}
@media (min-width: 581px) and (max-width: 960px) {
  #newgradBusiness .service__content {
    padding-block: calc(80px + (100vw - 580px) * -16 / 380);
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service__content {
    padding-block: 8rem;
    max-width: 35.5rem;
    width: calc(100% - 2rem);
  }
}
@media (max-width: 425px) {
  #newgradBusiness .service__content {
    max-width: 100%;
  }
}
#newgradBusiness .service__contentTitle {
  display: flex;
  align-items: center;
  column-gap: 1.2rem;
}
#newgradBusiness .service__contentTitle > span {
  font-family: var(--font-family-en);
  font-size: 2.4rem;
  line-height: 1.2;
  color: var(--color-blue05);
  display: flex;
  align-items: center;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service__contentTitle > span {
    font-size: calc(20px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service__contentTitle > span {
    font-size: 2rem;
  }
}
#newgradBusiness .service__contentTitle > strong {
  width: fit-content;
  color: transparent;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0.4rem 0.8rem 0.8rem 0.8rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  min-height: 4.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service__contentTitle > strong {
    font-size: calc(20px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service__contentTitle > strong {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
    min-height: 3rem;
    padding: 0;
  }
}
#newgradBusiness .service__read {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-size: 3.2rem;
  margin-top: 4rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service__read {
    font-size: calc(28px + (100vw - 961px) * 4 / 479);
    margin-top: calc(24px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service__read {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 2.4rem;
  }
}
#newgradBusiness .service__read br {
  display: none;
}
@media (max-width: 580px) {
  #newgradBusiness .service__read br {
    display: block;
  }
}
#newgradBusiness .service__text {
  margin-top: 3.2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service__text {
    font-size: calc(14px + (100vw - 961px) * 2 / 479);
    margin-top: calc(16px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  #newgradBusiness .service__text {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }
}
#newgradBusiness .service__image--sub, #newgradBusiness .service__image--main {
  position: absolute;
  z-index: 1;
  --service-image-y: 0px;
  transform: translateY(var(--service-image-y, 0px));
}
#newgradBusiness .service__image--main {
  max-width: 56rem;
  width: 56rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .service__image--main {
    width: calc(320px + (100vw - 961px) * 240 / 479);
  }
}
@media (min-width: 581px) and (max-width: 960px) {
  #newgradBusiness .service__image--main {
    width: calc(200px + (100vw - 580px) * 120 / 380);
    max-width: none;
  }
}
@media (max-width: 580px) {
  #newgradBusiness .service__image--main {
    width: 32rem;
    max-width: 32rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .service__image--main {
    width: 20rem;
    max-width: 20rem;
  }
}
#newgradBusiness .service__imagePoint {
  position: absolute;
  right: -33%;
  bottom: -2.1rem;
  max-width: 16rem;
  height: 4.8rem;
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .service__imagePoint {
    left: 7.3rem;
    height: 3.6rem;
    max-width: 12rem;
  }
}
#newgradBusiness .service__point1 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  right: -4.4rem;
  bottom: 1.7rem;
  z-index: 2;
}
@media (min-width: 1080px) and (max-width: 1440px) {
  #newgradBusiness .service__point1 {
    bottom: calc(67px + (100vw - 1080px) * -50 / 360);
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service__point1 {
    display: none;
  }
}
#newgradBusiness .service__point2 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  right: 20.9rem;
  top: -1.7rem;
  z-index: 2;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service__point2 {
    right: 0;
    max-width: 16rem;
    height: 4rem;
  }
}
#newgradBusiness .service__point3 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  right: -3.2rem;
  bottom: -2.5rem;
  z-index: 2;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service__point3 {
    display: none;
  }
}
#newgradBusiness .service__point4 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  left: -8.2rem;
  bottom: -13.6rem;
  z-index: 2;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service__point4 {
    display: none;
  }
}
#newgradBusiness .service__point5 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  left: 22.6rem;
  top: -2.6rem;
  z-index: 2;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service__point5 {
    max-width: 12rem;
    left: -1.2rem;
    height: 3.6rem;
  }
}
#newgradBusiness .service__list {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 1.2rem;
}
#newgradBusiness .service__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: repeating-linear-gradient(to right, var(--color-gray09) 0 8px, transparent 8px 16px);
}
#newgradBusiness .service__list > li {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  line-height: 1.5;
  font-size: 1.4rem;
  font-weight: 700;
  font-weight: 500;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .service__list > li {
    font-size: 1.2rem;
  }
}
#newgradBusiness .service__list > li::before {
  content: "";
  min-width: 0.8rem;
  max-width: 0.8rem;
  aspect-ratio: 1/1;
  display: inline-block;
  background-color: var(--color-blue03);
}
#newgradBusiness .domains {
  overflow: hidden;
}
#newgradBusiness .domainsWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .domainsWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradBusiness .domainsWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradBusiness .domainsWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradBusiness .domainsWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradBusiness .domainsWrap {
  padding-block: 16rem;
  position: relative;
}
#newgradBusiness .domainsWrap > * {
  position: relative;
  z-index: 2;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .domainsWrap {
    padding-block: calc(100px + (100vw - 961px) * 60 / 479);
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domainsWrap {
    padding-block: 10rem;
  }
}
#newgradBusiness .domains__point1 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  right: 8.8rem;
  top: 17rem;
  z-index: 2;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__point1 {
    max-width: 16rem;
    height: 3.9rem;
    top: 0;
    left: -2.8rem;
    z-index: 1;
  }
}
#newgradBusiness .domains__point2 {
  position: absolute;
  max-width: 24rem;
  height: 6.4rem;
  right: -5.2rem;
  top: 27.8rem;
  z-index: 2;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__point2 {
    max-width: 12rem;
    height: 3.6rem;
    top: 5.2rem;
  }
}
#newgradBusiness .domains__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 3.2rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__title {
    row-gap: 1.6rem;
  }
}
#newgradBusiness .cases__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .cases__title {
    row-gap: 1.6rem;
  }
}
#newgradBusiness .domains__titlePoint {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-blue05);
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .domains__titlePoint {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
#newgradBusiness .domains__titlePoint::before {
  margin-bottom: 0.1rem;
  content: "";
  display: inline-block;
  min-width: 1.2rem;
  max-width: 1.2rem;
  aspect-ratio: 1/1;
  background-color: var(--color-blue05);
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .domains__titlePoint::before {
    min-width: 1rem;
    max-width: 1rem;
  }
}
#newgradBusiness .cases__titleText {
  font-size: 3.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .cases__titleText {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradBusiness .domains__titleText {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradBusiness .domains__titleText {
    font-size: calc(28px + (100vw - 769px) * 4 / 671);
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__titleText {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradBusiness .cases__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 2.4rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .cases__read {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .cases__read br {
    display: none;
  }
}
#newgradBusiness .domains__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 3.2rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__read br {
    display: none;
  }
}
#newgradBusiness .domains__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8rem;
  gap: 6.4rem 5.6rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .domains__list {
    row-gap: calc(48px + (100vw - 961px) * 16 / 479);
    column-gap: calc(32px + (100vw - 961px) * 24 / 479);
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domains__list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 6.4rem;
    column-gap: 3.2rem;
    row-gap: 4.8rem;
  }
}
@media only screen and (max-width: 580px) {
  #newgradBusiness .domains__list {
    grid-template-columns: 1fr;
    gap: 4.8rem;
  }
}
#newgradBusiness .domains__list > li:nth-child(1) .domainsListItem__title::before {
  background-image: url("../img/newgrad/business/domains_1.svg");
}
#newgradBusiness .domains__list > li:nth-child(2) .domainsListItem__title::before {
  background-image: url("../img/newgrad/business/domains_2.svg");
}
#newgradBusiness .domains__list > li:nth-child(3) .domainsListItem__title::before {
  background-image: url("../img/newgrad/business/domains_3.svg");
}
#newgradBusiness .domains__list > li:nth-child(4) .domainsListItem__title::before {
  background-image: url("../img/newgrad/business/domains_4.svg");
}
#newgradBusiness .domains__list > li:nth-child(5) .domainsListItem__title::before {
  background-image: url("../img/newgrad/business/domains_5.svg");
}
#newgradBusiness .domains__list > li:nth-child(6) .domainsListItem__title::before {
  background-image: url("../img/newgrad/business/domains_6.svg");
}
#newgradBusiness .domainsListItem__title {
  padding-left: 8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  row-gap: 0.4rem;
  min-height: 6.4rem;
  justify-content: center;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domainsListItem__title {
    padding-left: 5.2rem;
    min-height: 4rem;
  }
}
#newgradBusiness .domainsListItem__title::before {
  content: "";
  display: inline-block;
  max-width: 6.4rem;
  min-width: 6.4rem;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domainsListItem__title::before {
    max-width: 4rem;
    min-width: 4rem;
  }
}
#newgradBusiness .domainsListItem__title > span {
  font-family: var(--font-family-en);
  line-height: 1;
  font-size: 1rem;
}
#newgradBusiness .domainsListItem__title > h3 {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .domainsListItem__title > h3 {
    font-size: calc(18px + (100vw - 961px) * 6 / 479);
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domainsListItem__title > h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradBusiness .domainsListItem__text {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .domainsListItem__text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
    margin-top: 1.2rem;
  }
}
#newgradBusiness .cases {
  background: linear-gradient(88.3deg, #0f2b7f 1.07%, #5799a5 98.93%);
  color: var(--color-white);
  position: relative;
}
#newgradBusiness .cases > * {
  position: relative;
  z-index: 1;
}
#newgradBusiness .cases::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/newgrad/business_background.jpg") center/cover no-repeat;
  opacity: 0.03;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .cases::before {
    background: url("../img/newgrad/business_background_sp.jpg") center/cover no-repeat;
  }
}
#newgradBusiness .casesWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradBusiness .casesWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradBusiness .casesWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradBusiness .casesWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradBusiness .casesWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradBusiness .casesWrap {
  padding-block: 12rem;
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .casesWrap {
    padding-block: 10rem;
  }
}
#newgradBusiness .cases__titlePoint {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-white);
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .cases__titlePoint {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
#newgradBusiness .cases__titlePoint::before {
  margin-bottom: 0.1rem;
  content: "";
  display: inline-block;
  min-width: 1.2rem;
  max-width: 1.2rem;
  aspect-ratio: 1/1;
  background-color: var(--color-white);
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .cases__titlePoint::before {
    min-width: 1rem;
    max-width: 1rem;
  }
}
#newgradBusiness .cases__list {
  margin-top: 4.8rem;
  display: flex;
  flex-direction: column;
  row-gap: 4.8rem;
}
@media only screen and (max-width: 768px) {
  #newgradBusiness .cases__list {
    margin-top: 6.4rem;
    row-gap: 2rem;
  }
}
#newgradBusiness .cases__list > li {
  border-radius: 1.2rem;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 3.2rem 4rem;
  display: grid;
  grid-template-columns: 562fr 582fr;
  column-gap: 5.6rem;
  align-items: center;
}
@media only screen and (max-width: 1080px) {
  #newgradBusiness .cases__list > li {
    grid-template-columns: 392fr 288fr;
  }
}
@media only screen and (max-width: 591px) {
  #newgradBusiness .cases__list > li {
    padding: 2rem 2rem 3.2rem 2rem;
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .cases__list > li {
    padding-bottom: 3.2rem;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1080px) {
  #newgradBusiness .cases__list > li:nth-child(2) .casesListItem__image > img {
    object-position: left;
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem {
    margin-top: 2.4rem;
  }
}
#newgradBusiness .casesListItem__point {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__point {
    font-size: 1.2rem;
  }
}
#newgradBusiness .casesListItem__title {
  margin-top: 2.4rem;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__title {
    margin-top: 0.8rem;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  #newgradBusiness .casesListItem__title {
    font-size: 1.8rem;
  }
}
#newgradBusiness .casesListItem__image {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 582/412;
}
@media only screen and (max-width: 1080px) {
  #newgradBusiness .casesListItem__image {
    aspect-ratio: 282/412;
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__image {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 582/412;
    max-height: 49.3rem;
  }
}
@media only screen and (max-width: 580px) {
  #newgradBusiness .casesListItem__image {
    max-height: 30.8rem;
  }
}
@media only screen and (max-width: 580px) {
  #newgradBusiness .casesListItem__image {
    max-height: 18.2rem;
  }
}
#newgradBusiness .casesListItem__image > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
#newgradBusiness .casesListItem__text {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__text {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgradBusiness .casesListItem__detailsWrap {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}
#newgradBusiness .casesListItem__details {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__details {
    align-items: stretch;
  }
}
#newgradBusiness .casesListItem__details > dt {
  line-height: 1.5;
  font-size: 1.4rem;
  font-weight: 700;
  font-weight: 400;
  color: var(--color-blue06);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.4rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 12.2rem;
  max-width: 12.2rem;
  min-height: 3rem;
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__details > dt {
    font-size: 1.3rem;
    min-width: 11.4rem;
    max-width: 11.4rem;
    min-height: 2.9rem;
  }
}
@media only screen and (max-width: 960px) {
  #newgradBusiness .casesListItem__details > dd {
    font-size: 1.3rem;
    display: flex;
    align-items: center;
  }
}
#newgradBusiness .case__button {
  max-width: 30rem;
  margin-inline: auto;
  margin-top: 4.8rem;
}

#newgradCulture .hero {
  padding-bottom: 12rem;
  background: radial-gradient(circle at top right, #d6f3ff 0%, transparent 45%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero {
    padding-bottom: 6rem;
  }
}
#newgradCulture .hero__point {
  width: fit-content;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .hero__point {
    font-size: calc(14px + (100vw - 769px) * 18 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .hero__point {
    font-size: 1.4rem;
  }
}
#newgradCulture .hero__read {
  margin-top: 4rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
@media (max-width: 960px) {
  #newgradCulture .hero__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 1200px) {
  #newgradCulture .hero__read .is-desktop {
    display: none;
  }
}
#newgradCulture .heroWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .heroWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradCulture .heroWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradCulture .heroWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradCulture .heroWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradCulture .heroWrap {
  padding-top: 20rem;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .heroWrap {
    padding-top: 16rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .heroWrap {
    padding-top: 14rem;
  }
}
#newgradCulture .hero__pointWrap {
  height: 100%;
  max-width: 144rem;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#newgradCulture .hero__point8, #newgradCulture .hero__point6, #newgradCulture .hero__point7, #newgradCulture .hero__point5, #newgradCulture .hero__point4, #newgradCulture .hero__point3, #newgradCulture .hero__point2, #newgradCulture .hero__point1 {
  position: absolute;
}
#newgradCulture .hero__point1 {
  top: 12.8rem;
  left: 62rem;
  max-width: 32rem;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero__point1 {
    display: none;
  }
}
#newgradCulture .hero__point2 {
  top: 24.4rem;
  right: 14rem;
  max-width: 32rem;
  z-index: 1;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero__point2 {
    z-index: 0;
    top: 15rem;
    max-width: 18rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .hero__point2 {
    top: 10.2rem;
    right: 4.7rem;
  }
}
#newgradCulture .hero__point3 {
  top: 26.8rem;
  right: 4rem;
  max-width: 32rem;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero__point3 {
    max-width: 12rem;
    top: 13.6rem;
    right: 8.1rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .hero__point3 {
    top: 8.8rem;
    right: -1.3rem;
    z-index: 3;
  }
}
#newgradCulture .hero__point4 {
  top: 46.8rem;
  right: 0;
  max-width: 32rem;
}
@media (max-width: 1200px) {
  #newgradCulture .hero__point4 {
    display: none;
  }
}
#newgradCulture .hero__point5 {
  top: 0;
  left: 59.3rem;
  max-width: 13.5rem;
  height: 4.7rem;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero__point5 {
    max-width: 11.5rem;
    left: 26.7rem;
    height: 2.8rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .hero__point5 {
    left: 10.8rem;
  }
}
#newgradCulture .hero__point7 {
  bottom: 0;
  right: 20.5rem;
  max-width: 16rem;
  height: 4.8rem;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero__point7 {
    display: none;
  }
}
#newgradCulture .hero__point6 {
  bottom: 3.1rem;
  left: 3.1rem;
  max-width: 24rem;
  height: 6.4rem;
  z-index: 3;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .hero__point6 {
    bottom: calc((100vw - 769px) * 31 / 671);
    left: calc(-51px + (100vw - 769px) * 82 / 671);
    max-width: calc(115px + (100vw - 769px) * 125 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .hero__point6 {
    height: 2.8rem;
    bottom: -0.2rem;
    left: -5.1rem;
    max-width: 11.5rem;
  }
}
#newgradCulture .hero__point8 {
  bottom: 4.5rem;
  right: 3.1rem;
  max-width: 12rem;
  height: 4rem;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .hero__point8 {
    max-width: 8.2rem;
    right: 4.1rem;
    bottom: 0;
    height: 2rem;
  }
}
@media (max-width: 591px) {
  #newgradCulture .hero__point8 {
    top: 2.6rem;
    right: -3.3rem;
  }
}
#newgradCulture .hero__imageWrap {
  overflow: hidden;
  margin-top: 8.1rem;
  padding-top: 3.1rem;
  padding-bottom: 4rem;
  position: relative;
}
@media (max-width: 768px) {
  #newgradCulture .hero__imageWrap {
    margin-top: 6rem;
    padding-top: 1.6rem;
    padding-bottom: 0;
  }
}
@media (max-width: 591px) {
  #newgradCulture .hero__imageWrap {
    padding-bottom: 2rem;
    margin-top: 4rem;
    padding-bottom: 1.6rem;
  }
}
#newgradCulture .hero__image {
  width: max-content;
  display: grid;
  grid-template-columns: repeat(12, 56rem);
  column-gap: 4rem;
  animation: hero 60s linear infinite;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .hero__image {
    grid-template-columns: repeat(12, calc(277px + (100vw - 769px) * 283 / 671));
    column-gap: calc(20px + (100vw - 769px) * 20 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .hero__image {
    grid-template-columns: repeat(12, 27.7rem);
    column-gap: 2rem;
  }
}
#newgradCulture .hero__image > li:nth-child(even) {
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  #newgradCulture .hero__image > li:nth-child(even) {
    margin-top: 1.5rem;
  }
}
@keyframes hero {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
#newgradCulture .hero__title {
  width: fit-content;
  margin-top: 4rem;
  font-size: 6.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  background: linear-gradient(90deg, #2c3340 40%, #385ea4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  color: transparent;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .hero__title {
    font-size: calc(36px + (100vw - 769px) * 28 / 671);
    margin-top: calc(2.4rem + (100vw - 769px) * 1.6 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .hero__title {
    font-size: 3.6rem;
    margin-top: 2.4rem;
  }
}
#newgradCulture .hero__title .is-mobile {
  display: none;
}
@media only screen and (max-width: 591px) {
  #newgradCulture .hero__title .is-mobile {
    display: block;
  }
}
#newgradCulture .event {
  background-color: var(--color-blue01);
  overflow: hidden;
}
#newgradCulture .eventWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .eventWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradCulture .eventWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradCulture .eventWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradCulture .eventWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradCulture .eventWrap {
  padding-block: 16rem;
  position: relative;
}
#newgradCulture .eventWrap > * {
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventWrap {
    padding-block: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventWrap {
    padding-block: 10rem;
  }
}
#newgradCulture .eventWrap::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
  max-width: 80rem;
  min-width: 80rem;
  background-image: url(../img/newgrad/culture_yellow.svg);
  top: -32rem;
  right: -34rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventWrap::before {
    max-width: calc(480px + (100vw - 769px) * 320 / 671);
    min-width: calc(480px + (100vw - 769px) * 320 / 671);
    top: calc(-195px + (100vw - 769px) * -125 / 671);
    right: calc(-257px + (100vw - 769px) * -83 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventWrap::before {
    max-width: 48rem;
    min-width: 48rem;
    top: -19.5rem;
    right: -25.7rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .eventWrap::before {
    max-width: 36rem;
    min-width: 36rem;
    top: -15.8rem;
    right: -17.1rem;
  }
}
#newgradCulture .eventWrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
  max-width: 45rem;
  min-width: 45rem;
  background-image: url(../img/newgrad/culture_blue.svg);
  left: -8.1rem;
  bottom: -18rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventWrap::after {
    max-width: calc(360px + (100vw - 769px) * 90 / 671);
    min-width: calc(360px + (100vw - 769px) * 90 / 671);
    left: calc(-147px + (100vw - 769px) * 66 / 671);
    bottom: calc(-177px + (100vw - 769px) * -3 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventWrap::after {
    max-width: 36rem;
    min-width: 36rem;
    left: -14.7rem;
    bottom: -17.7rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .eventWrap::after {
    max-width: 30rem;
    min-width: 30rem;
    left: -11.8rem;
    bottom: -18rem;
  }
}
#newgradCulture .interview__title,
#newgradCulture .event__title,
#newgradCulture .oneday__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 3.2rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .interview__title,
  #newgradCulture .event__title,
  #newgradCulture .oneday__title {
    row-gap: calc(16px + (100vw - 769px) * 16 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .interview__title,
  #newgradCulture .event__title,
  #newgradCulture .oneday__title {
    row-gap: 1.6rem;
  }
}
#newgradCulture .event__titlePoint,
#newgradCulture .oneday__titlePoint,
#newgradCulture .interview__titlePoint {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-blue05);
}
@media only screen and (max-width: 768px) {
  #newgradCulture .event__titlePoint,
  #newgradCulture .oneday__titlePoint,
  #newgradCulture .interview__titlePoint {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
#newgradCulture .event__titlePoint::before,
#newgradCulture .oneday__titlePoint::before,
#newgradCulture .interview__titlePoint::before {
  margin-bottom: 0.1rem;
  content: "";
  display: inline-block;
  min-width: 1.2rem;
  max-width: 1.2rem;
  aspect-ratio: 1/1;
  background-color: var(--color-blue05);
}
@media only screen and (max-width: 768px) {
  #newgradCulture .event__titlePoint::before,
  #newgradCulture .oneday__titlePoint::before,
  #newgradCulture .interview__titlePoint::before {
    min-width: 1rem;
    max-width: 1rem;
  }
}
#newgradCulture .event__titleText,
#newgradCulture .oneday__titleText {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .event__titleText,
  #newgradCulture .oneday__titleText {
    font-size: calc(28px + (100vw - 769px) * 4 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .event__titleText,
  #newgradCulture .oneday__titleText {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradCulture .interview__titleText {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #newgradCulture .interview__titleText {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .interview__titleText {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradCulture .interview__read,
#newgradCulture .event__read,
#newgradCulture .oneday__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 3.2rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .interview__read,
  #newgradCulture .event__read,
  #newgradCulture .oneday__read {
    font-size: calc(14px + (100vw - 769px) * 2 / 671);
    margin-top: calc(24px + (100vw - 769px) * 8 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .interview__read,
  #newgradCulture .event__read,
  #newgradCulture .oneday__read {
    margin-top: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .interview__read .is-desktop,
  #newgradCulture .event__read .is-desktop,
  #newgradCulture .oneday__read .is-desktop {
    display: none;
  }
}
#newgradCulture .event__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  margin-top: 8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .event__list {
    margin-top: calc(64px + (100vw - 769px) * 16 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .event__list {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 6.4rem;
  }
}
#newgradCulture .eventListItem {
  background-color: var(--color-white);
  border-radius: 1.6rem;
  padding: 4rem 3.2rem;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
  flex-direction: column;
  row-gap: 0;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventListItem {
    padding-top: calc(32px + (100vw - 769px) * 8 / 671);
    padding-right: calc(20px + (100vw - 769px) * 12 / 671);
    padding-bottom: 4rem;
    padding-left: calc(20px + (100vw - 769px) * 12 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventListItem {
    padding: 3.2rem 2rem 4rem;
  }
}
#newgradCulture .eventListItem::before {
  content: "";
  position: absolute;
  top: 4rem;
  right: 3.2rem;
  width: 28%;
  max-width: 14rem;
  aspect-ratio: 1/1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventListItem::before {
    right: calc(20px + (100vw - 769px) * 12 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .eventListItem::before {
    max-width: 9.6rem;
    width: 9.6rem;
    right: 2rem;
  }
}
#newgradCulture .eventListItem:nth-child(1)::before {
  background-image: url("../img/newgrad/culture/event_1.webp");
}
#newgradCulture .eventListItem:nth-child(2)::before {
  background-image: url("../img/newgrad/culture/event_2.webp");
}
#newgradCulture .eventListItem:nth-child(3)::before {
  background-image: url("../img/newgrad/culture/event_3.webp");
}
#newgradCulture .eventListItem:nth-child(4)::before {
  background-image: url("../img/newgrad/culture/event_4.webp");
}
#newgradCulture .eventListItem__point {
  color: var(--color-yellow04);
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 4.8rem;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventListItem__point {
    font-size: calc(32px + (100vw - 769px) * 8 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventListItem__point {
    font-size: 3.2rem;
  }
}
#newgradCulture .eventListItem__title {
  margin-top: 3.2rem;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 6rem;
  max-width: calc(100% - 15.2rem);
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventListItem__title {
    font-size: calc(22px + (100vw - 769px) * 10 / 671);
    margin-top: calc(8px + (100vw - 769px) * 24 / 671);
    min-height: calc(64px + (100vw - 769px) * -4 / 671);
    max-width: calc(100% - (108px + (100vw - 769px) * 44 / 671));
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventListItem__title {
    max-width: calc(100% - 10.8rem);
    margin-top: 0.8rem;
    font-size: 2.2rem;
    min-height: 6.4rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradCulture .eventListItem__title {
    min-height: 4rem;
  }
}
#newgradCulture .eventListItem__title > span {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .eventListItem__title > span {
    font-size: calc(16px + (100vw - 769px) * 4 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .eventListItem__title > span {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradCulture .eventListItem__subTitle {
  margin-top: 4.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--color-blue05);
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .eventListItem__subTitle {
    margin-top: 4rem;
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: bold;
  }
}
#newgradCulture .eventListItem__text {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media only screen and (max-width: 1080px) {
  #newgradCulture .eventListItem__text {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
#newgradCulture .oneday {
  background-color: var(--color-white);
  overflow: hidden;
}
#newgradCulture .onedayWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradCulture .onedayWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradCulture .onedayWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradCulture .onedayWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradCulture .onedayWrap {
  padding-block: 16rem;
  position: relative;
}
#newgradCulture .onedayWrap > * {
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .onedayWrap {
    padding-block: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media (max-width: 768px) {
  #newgradCulture .onedayWrap {
    padding-block: 10rem;
  }
}
#newgradCulture .oneday__point1 {
  position: absolute;
  top: 12rem;
  left: -14.7rem;
  max-width: 36rem;
  height: 6.4rem;
  opacity: 0.4;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .oneday__point1 {
    top: calc(63px + (100vw - 961px) * 57 / 479);
    left: calc(-28px + (100vw - 961px) * -119 / 479);
    max-width: calc(158px + (100vw - 961px) * 202 / 479);
    height: calc(48px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .oneday__point1 {
    top: 6.3rem;
    left: -2.8rem;
    max-width: 15.8rem;
    height: 4.8rem;
  }
}
#newgradCulture .oneday__point2 {
  position: absolute;
  top: 20rem;
  right: -4rem;
  max-width: 36rem;
  height: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .oneday__point2 {
    top: calc(84px + (100vw - 961px) * 116 / 479);
    right: calc((100vw - 961px) * -40 / 479);
    max-width: calc(158px + (100vw - 961px) * 202 / 479);
    height: calc(48px + (100vw - 961px) * 32 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .oneday__point2 {
    top: 8.4rem;
    right: 0;
    max-width: 15.8rem;
    height: 4.8rem;
  }
}
#newgradCulture .oneday__list {
  margin-top: 8rem;
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .oneday__list {
    margin-top: calc(64px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .oneday__list {
    margin-top: 6.4rem;
    max-width: 44.7rem;
    margin-inline: auto;
  }
}
#newgradCulture .oneday__list > li {
  display: grid;
  grid-template-columns: 6.1rem 1fr;
  column-gap: 2.4rem;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 960px) {
  #newgradCulture .oneday__list > li {
    grid-template-columns: 4.3rem 1fr;
    column-gap: 1.6rem;
  }
}
#newgradCulture .oneday__list > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 3.05rem;
  top: 4.8rem;
  bottom: -2.4rem;
  width: 0.2rem;
  height: calc(100% - 4.8rem);
  background-color: var(--color-blue05);
  transform: translateX(-50%);
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .oneday__list > li:not(:last-child)::after {
    left: calc(21.5px + (100vw - 961px) * 9 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .oneday__list > li:not(:last-child)::after {
    left: 2.15rem;
  }
}
#newgradCulture .oneday__list > li:last-child .onedayListItem__content--default {
  margin-bottom: 0;
}
#newgradCulture .onedayListItem__time {
  color: var(--color-blue05);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-size: 2.4rem;
  margin-block: 0.8rem;
  font-weight: 500;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__time {
    font-size: calc(24px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__time {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
#newgradCulture .onedayListItem__content--accent, #newgradCulture .onedayListItem__content--default {
  margin-bottom: 4.8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__content--accent, #newgradCulture .onedayListItem__content--default {
    margin-bottom: calc(32px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__content--accent, #newgradCulture .onedayListItem__content--default {
    margin-bottom: 3.2rem;
  }
}
#newgradCulture .onedayListItem__content--default {
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
  padding-inline: 2.4rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__content--default {
    padding-inline: calc((100vw - 961px) * 24 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__content--default {
    padding-inline: 0;
  }
}
#newgradCulture .onedayListItem__content--accent {
  background-color: var(--color-blue01);
  border-radius: 1.6rem;
  padding: 2.4rem;
  display: grid;
  grid-template-columns: 1fr 28.8rem;
  column-gap: 2.4rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__content--accent {
    padding: calc(20px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__content--accent {
    padding: 2rem;
    grid-template-columns: 1fr;
    row-gap: 2.4rem;
  }
}
#newgradCulture .onedayListItem__contentWrap {
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__contentWrap {
    row-gap: calc(12px + (100vw - 961px) * 12 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__contentWrap {
    row-gap: 1.2rem;
  }
}
#newgradCulture .onedayListItem__title {
  column-gap: 1.6rem;
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__title {
    font-size: calc(20px + (100vw - 961px) * 4 / 479);
    column-gap: calc(8px + (100vw - 961px) * 8 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__title {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
    column-gap: 0.8rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .onedayListItem__title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
}
#newgradCulture .onedayListItem__title::before {
  content: "";
  display: inline-block;
  max-width: 4rem;
  min-width: 4rem;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__title::before {
    max-width: 2.8rem;
    min-width: 2.8rem;
  }
}
#newgradCulture .oneday__list > li:nth-child(1) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_09.svg");
}
#newgradCulture .oneday__list > li:nth-child(2) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_10.svg");
}
#newgradCulture .oneday__list > li:nth-child(3) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_12.svg");
}
#newgradCulture .oneday__list > li:nth-child(4) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_13.svg");
}
#newgradCulture .oneday__list > li:nth-child(5) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_15.svg");
}
#newgradCulture .oneday__list > li:nth-child(6) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_17.svg");
}
#newgradCulture .oneday__list > li:nth-child(7) .onedayListItem__title::before {
  background-image: url("../img/newgrad/culture/oneday_19.svg");
}
#newgradCulture .onedayListItem__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .onedayListItem__text {
    font-size: calc(14px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 960px) {
  #newgradCulture .onedayListItem__text br {
    display: none;
  }
}
#newgradCulture .interview {
  background-color: var(--color-blue01);
  overflow: hidden;
}
#newgradCulture .interviewWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .interviewWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradCulture .interviewWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradCulture .interviewWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradCulture .interviewWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradCulture .interviewWrap {
  padding-block: 16rem;
  position: relative;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .interviewWrap {
    padding-block: calc(100px + (100vw - 961px) * 60 / 479);
  }
}
@media (max-width: 960px) {
  #newgradCulture .interviewWrap {
    padding-block: 10rem;
  }
}
#newgradCulture .interviewWrap > * {
  position: relative;
  z-index: 1;
}
#newgradCulture .interviewWrap::before, #newgradCulture .interviewWrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
}
@media (max-width: 960px) {
  #newgradCulture .interviewWrap::before, #newgradCulture .interviewWrap::after {
    content: none;
  }
}
#newgradCulture .interviewWrap::before {
  max-width: 56.6rem;
  min-width: 56.6rem;
  background-image: url(../img/newgrad/recruit_blue.svg);
  top: -9.1rem;
  right: -7.9rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .interviewWrap::before {
    max-width: calc(395px + (100vw - 961px) * 171 / 479);
    min-width: calc(395px + (100vw - 961px) * 171 / 479);
    top: calc(-64px + (100vw - 961px) * -27 / 479);
    right: calc(-55px + (100vw - 961px) * -24 / 479);
  }
}
#newgradCulture .interviewWrap::after {
  max-width: 42.4rem;
  min-width: 42.4rem;
  background-image: url(../img/newgrad/recruit_yellow.svg);
  top: 1.1rem;
  right: -23.4rem;
  transform: scaleX(-1);
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradCulture .interviewWrap::after {
    max-width: calc(297px + (100vw - 961px) * 127 / 479);
    min-width: calc(297px + (100vw - 961px) * 127 / 479);
    top: calc(8px + (100vw - 961px) * 3 / 479);
    right: calc(-164px + (100vw - 961px) * -70 / 479);
  }
}
#newgradCulture .people__list {
  margin-top: 8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradCulture .people__list {
    margin-top: calc(48px + (100vw - 769px) * 32 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradCulture .people__list {
    margin-top: 4.8rem;
  }
}

#newgradInterview {
  background-color: var(--color-white);
}
#newgradInterview .hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(90deg, #ffffff 35.25%, #d6f3ff 111.11%);
}
@media only screen and (max-width: 768px) {
  #newgradInterview .hero {
    margin-top: -8.4rem;
  }
}
#newgradInterview .heroWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .heroWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradInterview .heroWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradInterview .heroWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .heroWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradInterview .heroWrap {
  padding-top: 20rem;
  position: relative;
  padding-bottom: 6.4rem;
  overflow: hidden;
}
#newgradInterview .heroWrap > * {
  position: relative;
  z-index: 2;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .heroWrap {
    padding-top: calc(140px + (100vw - 769px) * 60 / 671);
    padding-bottom: calc(40px + (100vw - 769px) * 24 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .heroWrap {
    padding-top: 14rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 450px) {
  #newgradInterview .heroWrap {
    padding-bottom: 6.4rem;
  }
}
#newgradInterview .hero__point {
  width: fit-content;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .hero__point {
    font-size: calc(14px + (100vw - 769px) * 18 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradInterview .hero__point {
    font-size: 1.4rem;
  }
}
#newgradInterview .hero__title {
  width: fit-content;
  margin-top: 4rem;
  font-size: 6.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  background: linear-gradient(90deg, #2c3340 40%, #385ea4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 500;
  font-weight: 500;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .hero__title {
    font-size: calc(36px + (100vw - 769px) * 28 / 671);
    margin-top: calc(2.4rem + (100vw - 769px) * 1.6 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradInterview .hero__title {
    font-size: 3.6rem;
    margin-top: 2.4rem;
  }
}
@media (min-width: 592px) and (max-width: 597px) {
  #newgradInterview .hero__title {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .hero__title br {
    display: none;
  }
}
#newgradInterview .hero__title .is-mobile {
  display: none;
}
@media only screen and (max-width: 591px) {
  #newgradInterview .hero__title .is-mobile {
    display: block;
  }
}
#newgradInterview .hero__point1 {
  position: absolute;
  max-width: clamp(18rem, 22.22vw, 32rem);
  top: clamp(8.4rem, 8.89vw, 12.8rem);
  left: clamp(40rem, 40.97vw, 59rem);
}
@media (max-width: 960px) {
  #newgradInterview .hero__point1 {
    display: none;
  }
}
#newgradInterview .hero__point2 {
  position: absolute;
  max-width: clamp(18rem, 22.22vw, 32rem);
  height: clamp(4.4rem, 4.44vw, 6.4rem);
  top: clamp(8.4rem, 16.94vw, 24.4rem);
  right: clamp(12.1rem, 9.72vw, 14rem);
  z-index: 3;
}
@media (max-width: 768px) {
  #newgradInterview .hero__point2 {
    max-width: 18rem;
    height: 4.4rem;
    top: 8.4rem;
    right: 12.1rem;
    z-index: 0;
  }
}
@media (max-width: 450px) {
  #newgradInterview .hero__point2 {
    top: 8.9rem;
    right: 4.9rem;
  }
}
#newgradInterview .hero__point3 {
  position: absolute;
  max-width: clamp(12rem, 22.22vw, 32rem);
  height: clamp(3.6rem, 4.44vw, 6.4rem);
  top: clamp(11rem, 18.61vw, 26.8rem);
  right: clamp(2.2rem, 4.44vw, 6.4rem);
  z-index: 2;
}
@media (max-width: 960px) {
  #newgradInterview .hero__point3 {
    z-index: 3;
  }
}
@media (max-width: 768px) {
  #newgradInterview .hero__point3 {
    max-width: 12rem;
    height: 3.6rem;
    top: 11rem;
    right: 6.4rem;
  }
}
@media (max-width: 450px) {
  #newgradInterview .hero__point3 {
    top: 11.5rem;
    right: -1.7rem;
  }
}
#newgradInterview .hero__point4 {
  position: absolute;
  max-width: clamp(18rem, 22.22vw, 32rem);
  bottom: -2.8rem;
  right: clamp(-4rem, -2.78vw, -2rem);
}
@media (max-width: 960px) {
  #newgradInterview .hero__point4 {
    display: none;
  }
}
#newgradInterview .article {
  background: linear-gradient(180deg, #ffffff 0%, #e9f8ff 25%);
}
#newgradInterview .articleWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .articleWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradInterview .articleWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradInterview .articleWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .articleWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
#newgradInterview .articleWrap {
  padding-block: 8rem 16rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .articleWrap {
    padding-top: calc(40px + (100vw - 769px) * 40 / 671);
    padding-bottom: calc(100px + (100vw - 769px) * 60 / 671);
  }
}
@media only screen and (max-width: 768px) {
  #newgradInterview .articleWrap {
    padding-top: 4rem;
    padding-bottom: 10rem;
  }
}
#newgradInterview .article__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#newgradInterview .article__point1 {
  position: absolute;
  right: clamp(-8rem, -5.56vw, -4rem);
  top: clamp(24rem, 29.51vw, 42.5rem);
  max-width: clamp(18rem, 22.22vw, 32rem);
}
@media (max-width: 768px) {
  #newgradInterview .article__point1 {
    display: none;
  }
}
#newgradInterview .article__point2 {
  position: absolute;
  left: clamp(-7.4rem, -5.14vw, -3rem);
  bottom: clamp(4rem, 4.44vw, 6.4rem);
  max-width: clamp(18rem, 22.22vw, 32rem);
}
@media (max-width: 768px) {
  #newgradInterview .article__point2 {
    display: none;
  }
}
#newgradInterview .article__point3 {
  position: absolute;
  right: clamp(20rem, 20.83vw, 30rem);
  bottom: clamp(-3rem, -2.08vw, -1rem);
  max-width: clamp(18rem, 22.22vw, 32rem);
}
@media (max-width: 768px) {
  #newgradInterview .article__point3 {
    display: none;
  }
}
#newgradInterview .headPoint {
  max-width: 144rem;
  width: 100%;
  margin-inline: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 15rem;
  overflow: hidden;
  top: calc(10rem + (100vw - 960px) * 8.8 / 480);
}
@media (min-width: 1440px) {
  #newgradInterview .headPoint {
    top: 18.8rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .headPoint {
    top: 70rem;
  }
}
#newgradInterview .headPoint1 {
  position: absolute;
  z-index: 1;
  display: block;
  max-width: 32rem;
  right: 4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .headPoint1 {
    max-width: calc(170px + (100vw - 769px) * 150 / 671);
    height: calc(42px + (100vw - 769px) * 22 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .headPoint1 {
    max-width: 17rem;
    height: 4.2rem;
    right: 4rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .headPoint1 {
    right: 0;
  }
}
#newgradInterview .headPoint2 {
  position: absolute;
  max-width: 32rem;
  right: -8rem;
  top: 5.6rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .headPoint2 {
    max-width: calc(170px + (100vw - 769px) * 150 / 671);
    height: calc(42px + (100vw - 769px) * 22 / 671);
    right: calc(-42px + (100vw - 769px) * -38 / 671);
    top: calc(29px + (100vw - 769px) * 27 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .headPoint2 {
    max-width: 17rem;
    height: 4.2rem;
    right: -4.2rem;
    top: 2.9rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .headPoint2 {
    max-width: 12rem;
    height: 3.6rem;
    right: 0;
  }
}
#newgradInterview .articleTop {
  max-width: 144rem;
  width: 100%;
  margin-inline: auto;
  top: 145rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 42.4rem;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .articleTop {
    top: calc(774px + (100vw - 769px) * 676 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .articleTop {
    top: 77.4rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .articleTop {
    display: none;
  }
}
#newgradInterview .articlePoint1 {
  position: absolute;
  max-width: 42.4rem;
  width: 29vw;
  right: -20rem;
  display: block;
  z-index: 1;
  transform: scaleX(-1);
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .articlePoint1 {
    max-width: calc(226px + (100vw - 769px) * 198 / 671);
    right: calc(-125px + (100vw - 769px) * -75 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .articlePoint1 {
    max-width: 22.6rem;
    right: -12.5rem;
  }
}
#newgradInterview .articleBottom {
  max-width: 144rem;
  width: 100%;
  margin-inline: auto;
  top: 263.9rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 30rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .articleBottom {
    top: calc(1400px + (100vw - 769px) * 1239 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .articleBottom {
    top: 140rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .articleBottom {
    display: none;
  }
}
#newgradInterview .articlePoint2 {
  max-width: 39.5rem;
  left: -15.5rem;
  width: 27vw;
  position: absolute;
  transform: scaleX(-1);
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .articlePoint2 {
    max-width: calc(211px + (100vw - 769px) * 184 / 671);
    left: calc(-100px + (100vw - 769px) * -55 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .articlePoint2 {
    max-width: 21.1rem;
    left: -10rem;
  }
}
#newgradInterview .contents {
  width: 100%;
  max-width: 104rem;
  margin-inline: auto;
  padding-top: 18rem;
  padding-bottom: 12rem;
  z-index: 1;
  box-sizing: border-box;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents {
    max-width: calc(700px + (100vw - 960px) * 340 / 480);
    padding-top: calc(120px + (100vw - 961px) * 60 / 479);
    padding-bottom: calc(80px + (100vw - 961px) * 40 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradInterview .contents {
    max-width: calc(555px + (100vw - 768px) * 145 / 192);
    padding-top: calc(96px + (100vw - 769px) * 24 / 191);
    padding-bottom: 8rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradInterview .contents {
    max-width: 55.5rem;
    padding-top: 9.6rem;
    padding-bottom: 8rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents {
    max-width: 100%;
    padding-inline: 2rem;
    padding-top: 12.1rem;
    padding-bottom: 8rem;
  }
}
#newgradInterview .contentsHead {
  display: grid;
  grid-template-columns: 448fr 524fr;
  column-gap: min(6.3vw, 6.4rem);
  align-items: center;
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contentsHead {
    grid-template-columns: 1fr;
    margin-top: 3.2rem;
  }
}
#newgradInterview .contents__point--pc, #newgradInterview .contents__point--sp {
  background: linear-gradient(88.3deg, #0d46a2 1.07%, #23889b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  font-weight: 700;
  width: fit-content;
}
@media (min-width: 960px) and (max-width: 1440px) {
  #newgradInterview .contents__point--pc, #newgradInterview .contents__point--sp {
    font-size: calc(12px + (100vw - 960px) * 6 / 480);
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #newgradInterview .contents__point--pc, #newgradInterview .contents__point--sp {
    font-size: calc(9.6px + (100vw - 768px) * 2.4 / 191);
  }
}
@media (min-width: 592px) and (max-width: 767px) {
  #newgradInterview .contents__point--pc, #newgradInterview .contents__point--sp {
    font-size: 0.96rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents__point--pc, #newgradInterview .contents__point--sp {
    font-size: 1.6rem;
    display: none;
  }
}
#newgradInterview .contents__point--sp {
  display: none;
}
@media (max-width: 591px) {
  #newgradInterview .contents__point--sp {
    display: block;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents__point--pc {
    display: none;
  }
}
#newgradInterview .contentsHead__information {
  position: relative;
  z-index: 1;
}
#newgradInterview .contentsHead__informationTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.4rem;
  margin-top: 3.2rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .contentsHead__informationTitle {
    margin-top: calc(16px + (100vw - 769px) * 16 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .contentsHead__informationTitle {
    margin-top: 1.6rem;
    row-gap: 0.4rem;
  }
}
#newgradInterview .contentsHead__informationTitle > span {
  padding: 0.4rem;
  background: linear-gradient(88.3deg, #002c74 1.07%, #236d9b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 4.4rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .contentsHead__informationTitle > span {
    font-size: calc(23px + (100vw - 769px) * 21 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .contentsHead__informationTitle > span {
    font-size: 2.3rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contentsHead__informationTitle > span {
    padding: 0.2rem 0.4rem;
    font-size: 2.6rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
#newgradInterview .contentsHead__informationProfile {
  margin-top: 4.8rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}
@media only screen and (max-width: 768px) {
  #newgradInterview .contentsHead__informationProfile {
    margin-top: 2.4rem;
  }
}
#newgradInterview .contentsHead__image--yellow, #newgradInterview .contentsHead__image--blue {
  overflow: hidden;
  margin-inline: 0 auto;
  aspect-ratio: 420/480;
  max-width: 42rem;
}
@media only screen and (max-width: 768px) {
  #newgradInterview .contentsHead__image--yellow, #newgradInterview .contentsHead__image--blue {
    aspect-ratio: 224/256;
    max-width: 100%;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contentsHead__image--yellow, #newgradInterview .contentsHead__image--blue {
    width: calc(100% - 2rem);
    aspect-ratio: 315/290;
  }
}
#newgradInterview .contentsHead__image--yellow > img, #newgradInterview .contentsHead__image--blue > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
#newgradInterview .contentsHead__image--blue {
  box-shadow: calc(20px + (100vw - 592px) * 15 / 848) calc(-16px + (100vw - 592px) * -19 / 848) 0 0 rgb(191, 226, 251);
}
@media (min-width: 1440px) {
  #newgradInterview .contentsHead__image--blue {
    box-shadow: 35px -35px 0 0 rgb(191, 226, 251);
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contentsHead__image--blue {
    box-shadow: 2rem -1.6rem 0px 0px rgb(191, 226, 251);
  }
}
#newgradInterview .contentsHead__image--yellow {
  box-shadow: calc(20px + (100vw - 592px) * 15 / 848) calc(-16px + (100vw - 592px) * -19 / 848) 0 0 rgb(255, 250, 186);
}
@media (min-width: 1440px) {
  #newgradInterview .contentsHead__image--yellow {
    box-shadow: 35px -35px 0 0 rgb(255, 250, 186);
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contentsHead__image--yellow {
    box-shadow: 2rem -1.6rem 0px 0px rgb(255, 250, 186);
  }
}
#newgradInterview .contentsHeadProfile__name {
  display: flex;
  align-items: baseline;
  column-gap: 1.2rem;
}
#newgradInterview .contentsHeadProfile__nameJa {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contentsHeadProfile__nameJa {
    font-size: calc(20px + (100vw - 961px) * 4 / 479);
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  #newgradInterview .contentsHeadProfile__nameJa {
    font-size: calc(18px + (100vw - 768px) * 2 / 192);
  }
}
@media (min-width: 592px) and (max-width: 767px) {
  #newgradInterview .contentsHeadProfile__nameJa {
    font-size: 1.8rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contentsHeadProfile__nameJa {
    font-size: 2rem;
  }
}
#newgradInterview .contentsHeadProfile__nameEn {
  color: var(--color-gray06);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-size: 1.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contentsHeadProfile__nameEn {
    font-size: 1.4rem;
  }
}
#newgradInterview .contents__career {
  margin-top: 6.4rem;
  background-color: #f7f9fc;
  border-radius: 0.8rem;
  padding: 4rem 4.8rem 4.8rem 4.8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__career {
    margin-top: calc(40px + (100vw - 961px) * 24 / 479);
    padding-top: calc(32px + (100vw - 961px) * 8 / 479);
    padding-right: calc(32px + (100vw - 961px) * 16 / 479);
    padding-bottom: calc(32px + (100vw - 961px) * 16 / 479);
    padding-left: calc(32px + (100vw - 961px) * 16 / 479);
  }
}
@media only screen and (max-width: 960px) {
  #newgradInterview .contents__career {
    padding: 3.2rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgradInterview .contents__career {
    margin-top: 3.4rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .contents__career {
    margin-top: 6.4rem;
    padding: 2rem;
  }
}
#newgradInterview .contents__careerTitle {
  background-color: var(--color-gray09);
  color: var(--color-white);
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  font-weight: 500;
  font-size: 1.4rem;
  width: fit-content;
  line-height: 1;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__careerTitle {
    font-size: calc(12px + (100vw - 961px) * 2 / 479);
  }
}
@media (min-width: 592px) and (max-width: 960px) {
  #newgradInterview .contents__careerTitle {
    font-size: 1.2rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents__careerTitle {
    font-size: 1.4rem;
  }
}
#newgradInterview .contents__careerText {
  margin-top: 0.8rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-size: 1.5rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__careerText {
    font-size: calc(12px + (100vw - 961px) * 3 / 479);
  }
}
@media (min-width: 592px) and (max-width: 960px) {
  #newgradInterview .contents__careerText {
    font-size: 1.2rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents__careerText {
    font-size: 1.3rem;
  }
}
#newgradInterview .contents__main {
  padding-top: 12rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main {
    padding-top: calc(80px + (100vw - 961px) * 40 / 479);
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main {
    padding-top: 8rem;
  }
}
#newgradInterview .contents__main section {
  box-sizing: border-box;
  width: 100%;
  max-width: 94rem;
  margin-inline: auto;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main section {
    max-width: calc(625px + (100vw - 961px) * 315 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradInterview .contents__main section {
    max-width: calc(500px + (100vw - 769px) * 125 / 191);
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradInterview .contents__main section {
    max-width: 100%;
    padding-inline: 2rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents__main section {
    max-width: 100%;
    padding-inline: 1.2rem;
  }
}
#newgradInterview .contents__main section + section {
  margin-top: 10rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main section + section {
    margin-top: calc(53px + (100vw - 961px) * 47 / 479);
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main section + section {
    margin-top: 5.3rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .contents__main section + section {
    margin-top: 4.8rem;
  }
}
#newgradInterview .contents__main h2 {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main h2 {
    font-size: calc(15px + (100vw - 961px) * 1 / 479);
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main h2 {
    font-size: 1.4rem;
  }
}
#newgradInterview .contents__main h2::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
  margin-left: 1.6rem;
}
#newgradInterview .contents__main .wrap {
  display: flex;
  column-gap: 4.8rem;
  margin-top: 3.2rem;
  align-items: flex-start;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main .wrap {
    column-gap: calc(32px + (100vw - 961px) * 16 / 479);
    margin-top: calc(24px + (100vw - 961px) * 8 / 479);
  }
}
@media only screen and (max-width: 960px) {
  #newgradInterview .contents__main .wrap {
    margin-top: 2.4rem;
    flex-direction: column;
    row-gap: 4.8rem;
  }
}
#newgradInterview .contents__main .wrap:has(> picture) .text {
  max-width: 53.2rem;
  width: 58%;
}
@media only screen and (max-width: 960px) {
  #newgradInterview .contents__main .wrap:has(> picture) .text {
    max-width: 100%;
    width: 100%;
  }
}
#newgradInterview .contents__main .wrap picture {
  max-width: 36rem;
  width: 100%;
  aspect-ratio: 360/400;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main .wrap picture {
    max-width: calc(240px + (100vw - 961px) * 120 / 479);
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main .wrap picture {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 626/417;
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main .wrap picture {
    aspect-ratio: 311/268;
  }
}
#newgradInterview .contents__main .wrap picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#newgradInterview .contents__main .text {
  display: flex;
  flex-direction: column;
  row-gap: 3.2rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main .text {
    row-gap: calc(24px + (100vw - 961px) * 8 / 479);
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main .text {
    width: 100%;
    row-gap: 2.4rem;
  }
}
#newgradInterview .contents__main .textRead {
  background: linear-gradient(88.3deg, #002c74 1.07%, #236d9b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main .textRead {
    font-size: calc(18px + 10 * (100vw - 961px) / 479);
  }
}
@media only screen and (max-width: 960px) {
  #newgradInterview .contents__main .textRead {
    font-size: 2rem;
  }
}
#newgradInterview .contents__main .textDetail {
  font-size: 1.5rem;
  line-height: 2.1;
  letter-spacing: 0.02em;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .contents__main .textDetail {
    font-size: calc(13px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  #newgradInterview .contents__main .textDetail {
    font-size: 1.4rem;
  }
}
#newgradInterview .other {
  background: linear-gradient(180deg, #ffffff 0%, #ebf3f9 50%);
  position: relative;
}
#newgradInterview .other::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 4rem);
  max-width: 120rem;
  border-top: 1px solid var(--color-border);
}
#newgradInterview .otherWrap {
  padding-block: 12rem 16rem;
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(120rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  #newgradInterview .otherWrap {
    max-width: calc(120rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #newgradInterview .otherWrap {
    max-width: calc(120rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  #newgradInterview .otherWrap {
    max-width: calc(120rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  #newgradInterview .otherWrap {
    max-width: calc(120rem + 4rem);
    padding-inline: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  #newgradInterview .otherWrap {
    padding-block: 6rem 8rem;
  }
}
#newgradInterview .other__title {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-bottom: 8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  #newgradInterview .other__title {
    font-size: calc(17px + (100vw - 769px) * 15 / 671);
    margin-bottom: calc(40px + (100vw - 769px) * 40 / 671);
  }
}
@media (max-width: 768px) {
  #newgradInterview .other__title {
    font-size: 1.7rem;
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 591px) {
  #newgradInterview .other__title {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-bottom: 4.8rem;
  }
}

body.newgrad-site {
  padding-top: 10.8rem;
}
@media only screen and (max-width: 1079px) {
  body.newgrad-site {
    padding-top: 8.4rem;
  }
}

.newGradHeader {
  font-feature-settings: "palt";
  min-height: 10.8rem;
  max-height: 10.8rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  transform: translateY(0);
  transition: transform cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
  will-change: transform;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader {
    min-height: 8.4rem;
    max-height: 8.4rem;
  }
}
.newGradHeader.hide {
  transform: translateY(-100%);
  transition-duration: 0.2s;
}

.newGradHeaderWrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-inline: 3.6rem;
  margin-inline: auto;
}
@media only screen and (max-width: 1079px) {
  .newGradHeaderWrap {
    align-items: center;
    padding-inline: 1.5rem;
  }
}

.newGradHeader__heading {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__heading {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 0.8rem;
  }
}
@media only screen and (max-width: 1080px) {
  .newGradHeader__heading > img {
    width: 15.3rem;
    height: auto;
  }
}

.newGradHeader__headingText {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__headingText {
    font-size: 1.2rem;
  }
}

.newGradHeader__menu {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__menu {
    display: none;
  }
}

.newGradHeader__menuLinks {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 0.6rem;
  border-radius: 0.4rem;
}
.newGradHeader__menuLinks > li {
  position: relative;
  z-index: 1;
}
.newGradHeader__menuLinks > li > a {
  padding-inline: 2rem;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
  column-gap: 0.4rem;
}
.newGradHeader__menuLinks > li > a[target=_blank] {
  padding-right: 4.4rem;
  background-image: url("../img/newgrad/icon_new_in_tab.svg");
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 2rem;
}

.newGradHeader__menuLinksBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0.4rem;
  background-color: var(--color-gray01);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__menuLinksBg {
    display: none;
  }
}
.newGradHeader__menuLinksBg.is-show {
  opacity: 1;
  visibility: visible;
}

.newGradHeader__menuCta {
  display: flex;
  column-gap: 0.4rem;
  align-items: center;
}

.newGradHeader__menuCtaButton--button3, a.newGradHeader__menuCtaButton--default {
  padding: 2rem;
  border-radius: 0.4rem;
  min-height: 6rem;
  max-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__menuCtaButton--button3, a.newGradHeader__menuCtaButton--default {
    padding: 1.6rem;
  }
}

a.newGradHeader__menuCtaButton--default {
  color: var(--color-white);
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  font-weight: 500;
  background-color: var(--color-blue06);
  min-width: 8.9rem;
}
a.newGradHeader__menuCtaButton--default:visited {
  color: var(--color-white);
}

.newGradHeader__menuCtaButton--button3 {
  color: var(--color-gray09);
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: var(--color-yellow04);
  min-width: 8.7rem;
}
.newGradHeader__menuCtaButton--button3:visited {
  color: var(--color-gray09);
}
.newGradHeader__menuCtaButton--button3:hover {
  background-color: var(--color-gray09);
  color: var(--color-yellow04);
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__menuCtaButton--button3 {
    max-height: 4.4rem;
    min-height: 4.4rem;
  }
}

.newGradHeader__menuSp {
  display: none;
  column-gap: 0.4rem;
  align-items: center;
}
@media only screen and (max-width: 1079px) {
  .newGradHeader__menuSp {
    display: flex;
  }
}

.newGradHeader__menuButton {
  border: 0;
  border-radius: 0.4rem;
  background-color: var(--color-white);
  color: var(--color-white);
  aspect-ratio: 52/44;
  min-width: 5.2rem;
  min-height: 4.4rem;
  cursor: pointer;
  position: relative;
}

.newGradHeader__menuButtonText {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  font-weight: 700;
}

.newGradHeader__menuButtonIcon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.newGradHeader__menuButtonIcon > span {
  position: absolute;
  left: 0;
  width: 2.4rem;
  height: 0.2rem;
  background-color: var(--color-blue06);
  transition: transform 0.3s ease;
  left: 0.8rem;
}
.newGradHeader__menuButtonIcon > span:nth-child(1) {
  top: 1.6rem;
}
.newGradHeader__menuButtonIcon > span:nth-child(2) {
  top: 2.4rem;
}

.newGradHeader__menuButton.is-open .newGradHeader__menuButtonIcon > span:nth-child(1) {
  transform: translateY(0.4rem) rotate(-15deg);
}
.newGradHeader__menuButton.is-open .newGradHeader__menuButtonIcon > span:nth-child(2) {
  bottom: auto;
  transform: translateY(-0.4rem) rotate(15deg);
}

.newGradHeaderDialog {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: auto;
  overflow-y: auto;
  z-index: 4;
  box-sizing: border-box;
}

.newGradHeaderDialog__inner {
  min-height: auto;
  padding: 11.7rem 3rem 4.8rem;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  row-gap: 3.2rem;
  box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.2);
}

.newGradHeaderDialog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.6rem;
}

.newGradHeaderDialog__title {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--color-blue06);
}

.newGradHeaderDialog__close {
  border: 0;
  border-radius: 0.4rem;
  background-color: var(--color-white);
  color: var(--color-white);
  min-height: 4.4rem;
  padding: 0.8rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.8rem;
  cursor: pointer;
}

.newGradHeaderDialog__closeText {
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  font-weight: 700;
}

.newGradHeaderDialog__menu {
  display: flex;
  flex-direction: column;
  row-gap: 3.2rem;
}

.newGradHeaderDialog__links {
  border-top: solid 1px var(--color-beige03);
}
.newGradHeaderDialog__links > li > a {
  min-height: 5.6rem;
  padding: 2.4rem 0.8rem;
  border-bottom: solid 1px var(--color-beige03);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-weight: 500;
}
.newGradHeaderDialog__links > li > a[target=_blank] {
  padding-right: 3.2rem;
  background-image: url("../img/newgrad/icon_new_in_tab.svg");
  background-repeat: no-repeat;
  background-position: right 0.8rem center;
  background-size: 2rem;
}

.newGradHeaderDialog__cta {
  display: grid;
  gap: 1.2rem;
}
.newGradHeaderDialog__cta > li > a {
  width: 100%;
}

body.is-newGradHeaderDialog-open {
  overflow: hidden;
}

.newGradFooter {
  font-feature-settings: "palt";
  background-color: var(--color-white);
  color: var(--color-gray09);
}

.newGradFooter__wrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(114rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  .newGradFooter__wrap {
    max-width: calc(114rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  .newGradFooter__wrap {
    max-width: calc(114rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  .newGradFooter__wrap {
    max-width: calc(114rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  .newGradFooter__wrap {
    max-width: calc(114rem + 4rem);
    padding-inline: 2rem;
  }
}
.newGradFooter__wrap {
  padding-block: 8rem;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__wrap {
    padding-block: 5.6rem;
  }
}

.newGradFooter__heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 4rem;
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__heading {
    column-gap: 2.4rem;
  }
}
.newGradFooter__heading > img {
  align-self: 153/36;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__heading > img {
    max-width: 15.3rem;
  }
}

.newGradFooter__headingText {
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__headingText {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.newGradFooter__menu {
  margin-top: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__menu {
    flex-direction: column;
    row-gap: 2.4rem;
    margin-top: 2.8rem;
  }
}

.newGradFooter__menuList {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  gap: 2.4rem 6.4rem;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 700;
  grid-auto-flow: column;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__menuList {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-auto-flow: row;
    gap: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .newGradFooter__menuList > li {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .newGradFooter__menuList > li:first-child {
    border-top: solid 1px var(--color-beige03);
  }
}
@media only screen and (max-width: 768px) {
  .newGradFooter__menuList > li > a {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
    padding: 1.2rem 0.8rem;
    display: grid;
    grid-template-columns: 1fr 1.6rem;
    align-items: center;
    border-bottom: solid 1px var(--color-beige03);
  }
  .newGradFooter__menuList > li > a::after {
    display: flex;
    content: "";
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    background-image: url(../img/newgrad/icon_arrow.svg);
    background-size: 0.64rem;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.newGradFooter__menuButton {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  max-width: 30rem;
  min-width: 30rem;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__menuButton {
    min-width: 100%;
    max-width: 100%;
    row-gap: 0.8rem;
  }
}

.newGradFooter__linkList {
  border-top: solid 1px var(--color-gray04);
  margin-top: 6rem;
  padding-top: 4.8rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 2.4rem 3.2rem;
  font-size: var(--font-caption-sm);
  line-height: var(--line-height-caption-sm);
  letter-spacing: var(--letter-spacing-caption-sm);
}
@media only screen and (max-width: 768px) {
  .newGradFooter__linkList {
    margin-top: 2.8rem;
    padding-top: 2.8rem;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
    font-weight: 400;
    row-gap: 1.2rem;
  }
}

.newGradFooter__copy {
  color: var(--color-gray05);
  font-size: var(--font-caption-sm);
  line-height: var(--line-height-caption-sm);
  margin-top: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .newGradFooter__copy {
    margin-top: 1.6rem;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}

[id^=newgrad] {
  margin-top: -10.8rem;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 1079px) {
  [id^=newgrad] {
    margin-top: -8.1rem;
  }
}
[id^=newgrad] .wanted {
  background-color: var(--color-white);
  overflow: hidden;
}
[id^=newgrad] .wantedWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  [id^=newgrad] .wantedWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  [id^=newgrad] .wantedWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .wantedWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
[id^=newgrad] .wantedWrap {
  padding-block: 16rem;
  position: relative;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedWrap {
    padding-block: calc(100px + (100vw - 961px) * 60 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wantedWrap {
    padding-block: 10rem;
  }
}
[id^=newgrad] .wantedWrap::before, [id^=newgrad] .wantedWrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
}
[id^=newgrad] .wantedWrap::before {
  max-width: 38.1rem;
  min-width: 38.1rem;
  background-image: url(../img/newgrad/recruit_yellow.svg);
  bottom: -12rem;
  left: -19rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedWrap::before {
    max-width: calc(282px + (100vw - 961px) * 99 / 479);
    min-width: calc(282px + (100vw - 961px) * 99 / 479);
    left: calc(-134px + (100vw - 961px) * -56 / 479);
    bottom: calc(-60px + (100vw - 961px) * -60 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wantedWrap::before {
    max-width: 28.2rem;
    min-width: 28.2rem;
    left: -13.4rem;
    bottom: -6rem;
  }
}
[id^=newgrad] .wantedWrap::after {
  max-width: 56.5rem;
  min-width: 56.5rem;
  background-image: url(../img/newgrad/recruit_blue.svg);
  top: 0;
  right: -34.5rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedWrap::after {
    max-width: calc(395px + (100vw - 961px) * 170 / 479);
    min-width: calc(395px + (100vw - 961px) * 170 / 479);
    right: calc(-195px + (100vw - 961px) * -150 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wantedWrap::after {
    max-width: 39.5rem;
    min-width: 39.5rem;
    right: -19.5rem;
  }
}
[id^=newgrad] .wanted__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 3.2rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__title {
    row-gap: calc(16px + (100vw - 961px) * 16 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__title {
    row-gap: 1.6rem;
  }
}
[id^=newgrad] .wanted__titlePoint {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-blue05);
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__titlePoint {
    font-size: calc(14px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__titlePoint {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
[id^=newgrad] .wanted__titlePoint::before {
  margin-bottom: 0.1rem;
  content: "";
  display: inline-block;
  min-width: 1.2rem;
  max-width: 1.2rem;
  aspect-ratio: 1/1;
  background-color: var(--color-blue05);
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__titlePoint::before {
    min-width: calc(10px + (100vw - 961px) * 2 / 479);
    max-width: calc(10px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__titlePoint::before {
    min-width: 1rem;
    max-width: 1rem;
  }
}
[id^=newgrad] .wanted__titleText {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__titleText {
    font-size: calc(28px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__titleText {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
[id^=newgrad] .wanted__read {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-top: 3.2rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__read {
    margin-top: calc(24px + (100vw - 961px) * 8 / 479);
    font-size: calc(14px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__read {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
    margin-top: 2.4rem;
  }
}
[id^=newgrad] .wanted__list {
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  z-index: 1;
  position: relative;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__list {
    margin-top: calc(64px + (100vw - 961px) * -16 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__list {
    grid-template-columns: 1fr;
    margin-top: 6.4rem;
  }
}
[id^=newgrad] .wanted__list > li {
  border: solid 1px var(--color-border);
  padding: 4rem 3.1rem;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  background-color: var(--color-white);
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wanted__list > li {
    padding: calc(32px + (100vw - 961px) * 8 / 479) calc(24px + (100vw - 961px) * 7 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wanted__list > li {
    padding: 2rem 2rem 3.2rem;
  }
}
[id^=newgrad] .wantedListItem__point {
  color: var(--color-blue05);
  font-family: var(--font-family-en);
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  font-weight: 700;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedListItem__point {
    font-size: calc(20px + (100vw - 961px) * 4 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wantedListItem__point {
    font-family: var(--font-family-en);
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 2rem;
    font-weight: 700;
  }
}
[id^=newgrad] .wantedListItem__title {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  position: relative;
  width: fit-content;
  min-height: 3.1rem;
  z-index: 0;
  text-decoration-line: underline;
  text-decoration-color: rgba(255, 210, 5, 0.5);
  text-decoration-thickness: 0.8rem;
  text-underline-offset: -0.2rem;
  text-decoration-skip-ink: none;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedListItem__title {
    font-size: calc(18px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wantedListItem__title {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
[id^=newgrad] .wantedListItem__title br {
  display: none;
}
@media only screen and (max-width: 591px) {
  [id^=newgrad] .wantedListItem__title br {
    display: block;
  }
}
[id^=newgrad] .wantedListItem__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .wantedListItem__text {
    font-size: calc(14px + (100vw - 961px) * 2 / 479);
  }
}
@media (max-width: 960px) {
  [id^=newgrad] .wantedListItem__text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
[id^=newgrad] .people__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(16rem, 33rem));
  justify-content: space-between;
  column-gap: 3.7rem;
  row-gap: 8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .people__list {
    grid-template-columns: repeat(3, calc(209px + (100vw - 769px) * 121 / 671));
    column-gap: calc(24px + (100vw - 769px) * 13 / 671);
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  [id^=newgrad] .people__list {
    grid-template-columns: repeat(3, minmax(15.4rem, calc(154px + (100vw - 592px) * 46 / 176)));
    column-gap: 0;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .people__list {
    grid-template-columns: min(100%, 28rem);
    justify-content: center;
    row-gap: 4.8rem;
  }
}
[id^=newgrad] .people__list > li .peopleListItem__imageWrap--blue {
  box-shadow: 16px -12px 0 0 #bfe2fb;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .people__list > li .peopleListItem__imageWrap--blue {
    box-shadow: clamp(10px, 10px + (100vw - 769px) * 6 / 671, 16px) clamp(-12px, -8px - (100vw - 769px) * 4 / 671, -8px) 0 0 #bfe2fb;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  [id^=newgrad] .people__list > li .peopleListItem__imageWrap--blue {
    box-shadow: clamp(9.14px, 9.14px + (100vw - 592px) * 0.86 / 176, 10px) clamp(-8px, -6.86px - (100vw - 592px) * 1.14 / 176, -6.86px) 0 0 #bfe2fb;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .people__list > li .peopleListItem__imageWrap--blue {
    box-shadow: 16px -12px 0px 0px #bfe2fb;
  }
}
[id^=newgrad] .people__list > li .peopleListItem__imageWrap--yellow {
  box-shadow: 16px -12px 0 0 #fffaba;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .people__list > li .peopleListItem__imageWrap--yellow {
    box-shadow: clamp(10px, 10px + (100vw - 769px) * 6 / 671, 16px) clamp(-12px, -8px - (100vw - 769px) * 4 / 671, -8px) 0 0 #fffaba;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  [id^=newgrad] .people__list > li .peopleListItem__imageWrap--yellow {
    box-shadow: clamp(9.14px, 9.14px + (100vw - 592px) * 0.86 / 176, 10px) clamp(-8px, -6.86px - (100vw - 592px) * 1.14 / 176, -6.86px) 0 0 #fffaba;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .people__list > li .peopleListItem__imageWrap--yellow {
    box-shadow: 16px -12px 0px 0px #fffaba;
  }
}
[id^=newgrad] .people__button {
  margin-top: 8rem;
  max-width: 30rem;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .people__button {
    margin-top: 4.8rem;
    margin-inline: auto;
  }
}
[id^=newgrad] .peopleListItem {
  display: block;
  width: 100%;
  position: relative;
}
[id^=newgrad] .peopleListItem:hover .peopleListItem__buttonIcon span {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[id^=newgrad] .peopleListItem:hover .peopleListItem__buttonIcon span:nth-of-type(1) {
  transform: translate(100%, -100%);
}
[id^=newgrad] .peopleListItem:hover .peopleListItem__buttonIcon span:nth-of-type(2) {
  transform: translate(0%, 0%);
}
[id^=newgrad] .peopleListItem:hover .peopleListItem__imageWrap > img {
  transform: scale(1.08);
}
[id^=newgrad] .peopleListItem__image {
  position: relative;
}
[id^=newgrad] .peopleListItem__imageWrap {
  max-width: 24.8rem;
  aspect-ratio: 248/310;
  overflow: hidden;
}
@media only screen and (max-width: 1399px) {
  [id^=newgrad] .peopleListItem__imageWrap {
    width: 75%;
  }
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageWrap {
    width: 100%;
    max-width: 100%;
  }
}
[id^=newgrad] .peopleListItem__imageWrap > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
[id^=newgrad] .peopleListItem__imageTitle {
  position: absolute;
  right: 0;
  bottom: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__imageTitle {
    bottom: calc(16px + (100vw - 769px) * 8 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageTitle {
    left: -0.4rem;
    bottom: calc(12px + (100vw - 592px) * 4 / 176);
  }
}
@media (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle {
    left: -0.8rem;
    bottom: 1.2rem;
  }
}
@media (min-width: 451px) and (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle {
    bottom: calc(16px + (100vw - 450px) * -4 / 142);
  }
}
@media (max-width: 450px) {
  [id^=newgrad] .peopleListItem__imageTitle {
    bottom: 1.6rem;
  }
}
[id^=newgrad] .peopleListItem__imageTitle > span {
  background-color: var(--color-white);
  padding-inline: 0.8rem;
  line-height: 1.2;
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageTitle > span {
    padding-inline: calc(4px + (100vw - 592px) * 4 / 176);
  }
}
@media (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle > span {
    padding-inline: 0.4rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .peopleListItem__imageTitle > span {
    padding-inline: 0.8rem;
  }
}
[id^=newgrad] .peopleListItem__imageTitle > span:nth-child(1) {
  padding-block: 0.8rem 0.4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(1) {
    padding-top: calc(6px + (100vw - 769px) * 2 / 671);
    padding-bottom: calc(3px + (100vw - 769px) * 1 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(1) {
    padding-top: calc(4px + (100vw - 592px) * 2 / 176);
    padding-bottom: calc(2px + (100vw - 592px) * 1 / 176);
  }
}
@media (min-width: 451px) and (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(1) {
    padding-top: calc(8px + (100vw - 450px) * -4 / 142);
    padding-bottom: calc(4px + (100vw - 450px) * -2 / 142);
  }
}
@media (max-width: 450px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(1) {
    padding-block: 0.8rem 0.4rem;
  }
}
[id^=newgrad] .peopleListItem__imageTitle > span:nth-child(2) {
  padding-block: 0.4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(2) {
    padding-block: calc(3px + (100vw - 769px) * 1 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(2) {
    padding-block: calc(2px + (100vw - 592px) * 1 / 176);
  }
}
@media (min-width: 451px) and (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(2) {
    padding-block: calc(4px + (100vw - 450px) * -2 / 142);
  }
}
@media (max-width: 450px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(2) {
    padding-block: 0.4rem;
  }
}
[id^=newgrad] .peopleListItem__imageTitle > span:nth-child(3) {
  padding-block: 0.4rem 0.8rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(3) {
    padding-top: calc(3px + (100vw - 769px) * 1 / 671);
    padding-bottom: calc(6px + (100vw - 769px) * 2 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(3) {
    padding-top: calc(2px + (100vw - 592px) * 1 / 176);
    padding-bottom: calc(4px + (100vw - 592px) * 2 / 176);
  }
}
@media (min-width: 451px) and (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(3) {
    padding-top: calc(4px + (100vw - 450px) * -2 / 142);
    padding-bottom: calc(8px + (100vw - 450px) * -4 / 142);
  }
}
@media (max-width: 450px) {
  [id^=newgrad] .peopleListItem__imageTitle > span:nth-child(3) {
    padding-block: 0.4rem 0.8rem;
  }
}
[id^=newgrad] .peopleListItem__imageTitle > span > span {
  white-space: nowrap;
  font-size: 2.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  background: linear-gradient(88.3deg, #002c74 1.07%, #236d9b 98.93%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.2;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__imageTitle > span > span {
    font-size: calc(16px + (100vw - 769px) * 10 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__imageTitle > span > span {
    font-size: calc(14px + (100vw - 592px) * 2 / 176);
  }
}
@media (max-width: 592px) {
  [id^=newgrad] .peopleListItem__imageTitle > span > span {
    font-size: 1.4rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .peopleListItem__imageTitle > span > span {
    font-size: 2.2rem;
  }
}
[id^=newgrad] .peopleListItem__information {
  padding-block: 0.8rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  align-items: flex-start;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__information {
    padding-top: calc(4px + (100vw - 769px) * 4 / 671);
    row-gap: calc(4px + (100vw - 769px) * 4 / 671);
  }
}
@media only screen and (max-width: 769px) {
  [id^=newgrad] .peopleListItem__information {
    padding-top: 0.4rem;
    row-gap: 0.4rem;
  }
}
@media only screen and (max-width: 591px) {
  [id^=newgrad] .peopleListItem__information {
    padding: 0.8rem 0 0 0;
  }
}
[id^=newgrad] .peopleListItem__informationTag {
  padding: 0.4rem;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--color-white);
  background-color: var(--color-teal02);
  width: auto;
  align-self: flex-start;
  column-gap: 0.5em;
  row-gap: 0.3rem;
  display: inline-flex;
  flex-wrap: wrap;
  width: max-content;
  max-width: none;
  flex-wrap: nowrap;
}
[id^=newgrad] .peopleListItem__informationTag.is-stacked {
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 770px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__informationTag {
    font-size: clamp(11px, 11px + (100vw - 769px) * 2 / 671, 13px);
  }
}
@media (max-width: 769px) {
  [id^=newgrad] .peopleListItem__informationTag {
    font-size: 10px;
    padding: 0.2rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .peopleListItem__informationTag {
    font-size: 1.3rem;
  }
}
[id^=newgrad] .peopleListItem__informationName {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}
[id^=newgrad] .peopleListItem__informationName > strong {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__informationName > strong {
    font-size: calc(13px + (100vw - 769px) * 7 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__informationName > strong {
    font-size: calc(13px + (100vw - 592px) * 3 / 176);
  }
}
@media (max-width: 592px) {
  [id^=newgrad] .peopleListItem__informationName > strong {
    font-size: 1.3rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .peopleListItem__informationName > strong {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
[id^=newgrad] .peopleListItem__informationName > span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--color-gray06);
  line-height: 1;
  margin-top: 0.4rem;
}
@media (min-width: 769px) and (max-width: 1440px) {
  [id^=newgrad] .peopleListItem__informationName > span {
    font-size: calc(12px + (100vw - 769px) * 2 / 671);
  }
}
@media (min-width: 593px) and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__informationName > span {
    color: var(--color-gray04);
    font-size: calc(10px + (100vw - 592px) * 2 / 176);
  }
}
@media (max-width: 592px) {
  [id^=newgrad] .peopleListItem__informationName > span {
    color: var(--color-gray04);
    font-size: 1rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .peopleListItem__informationName > span {
    font-size: 1.4rem;
  }
}
[id^=newgrad] .peopleListItem__informationYear {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media only screen and (min-width: 592px) and (max-width: 1080px) {
  [id^=newgrad] .peopleListItem__informationYear {
    font-size: 0.9rem;
  }
}
[id^=newgrad] .peopleListItem__button {
  display: flex;
  width: 4rem;
  position: absolute;
  right: 0;
  bottom: 0.8rem;
}
[id^=newgrad] .peopleListItem__buttonIcon {
  display: flex;
  content: "";
  min-width: clamp(2.8rem, 2.8rem + (100vw - 769px) * 16 / 671, 4.4rem);
  max-width: clamp(2.8rem, 2.8rem + (100vw - 769px) * 16 / 671, 4.4rem);
  aspect-ratio: 1/1;
  background-color: var(--color-white);
  aspect-ratio: 1/1;
  border-radius: 0.2rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .peopleListItem__buttonIcon {
    display: none;
  }
}
[id^=newgrad] .peopleListItem__buttonIcon span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0%, 0%);
  background-image: url(../img/newgrad/icon_arrow.svg);
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: center;
}
[id^=newgrad] .peopleListItem__buttonIcon span:nth-of-type(2) {
  transform: translate(-100%, 100%);
}
[id^=newgrad] .cta {
  z-index: 1;
  position: relative;
  overflow: hidden;
  transition-timing-function: linear;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta {
    height: auto;
  }
}
[id^=newgrad] .cta__background {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(9, 99rem);
  width: max-content;
  animation: marquee 60s linear infinite;
  top: 0;
  z-index: -1;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__background {
    grid-template-columns: repeat(9, 76.8rem);
    background-color: #06224b;
  }
}
@media only screen and (max-width: 425px) {
  [id^=newgrad] .cta__background {
    grid-template-columns: repeat(9, 57rem);
    background-color: #06224b;
  }
}
[id^=newgrad] .cta__background::after {
  position: absolute;
  inset: 0;
  content: "";
  display: inline-block;
  background: rgba(6, 34, 75, 0.75);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__background::after {
    background: linear-gradient(to bottom, rgba(6, 34, 75, 0.75) 0, rgba(6, 34, 75, 0.75) 20rem, rgb(6, 34, 75) 30rem, rgb(6, 34, 75) 100%);
  }
}
[id^=newgrad] .cta__background > li {
  flex-shrink: 0;
}
[id^=newgrad] .cta__background > li > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
[id^=newgrad] .ctaWrap {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  max-width: calc(128rem + 16rem);
  padding-inline: 8rem;
}
@media (min-width: 961px) and (max-width: 1440px) {
  [id^=newgrad] .ctaWrap {
    max-width: calc(128rem + 12.8rem + (100vw - 961px) * 32 / 479);
    padding-inline: calc(6.4rem + (100vw - 961px) * 16 / 479);
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  [id^=newgrad] .ctaWrap {
    max-width: calc(128rem + 8rem);
    padding-inline: 4rem;
  }
}
@media (min-width: 592px) and (max-width: 768px) {
  [id^=newgrad] .ctaWrap {
    max-width: calc(128rem + 6.4rem);
    padding-inline: 3.2rem;
  }
}
@media (max-width: 591px) {
  [id^=newgrad] .ctaWrap {
    max-width: calc(128rem + 4rem);
    padding-inline: 2rem;
  }
}
[id^=newgrad] .ctaWrap {
  padding-block: 12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-white);
  row-gap: 4rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .ctaWrap {
    padding-block: 10rem 6.4rem;
    row-gap: 2.4rem;
  }
}
@media only screen and (max-width: 375px) {
  [id^=newgrad] .ctaWrap {
    padding-inline: 1.9rem;
  }
}
[id^=newgrad] .cta__title {
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__title {
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
[id^=newgrad] .cta__title br.is-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__title br.is-mobile {
    display: block;
  }
}
[id^=newgrad] .cta__text {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
[id^=newgrad] .cta__text br {
  display: none;
}
@media (max-width: 591px) {
  [id^=newgrad] .cta__text br {
    display: block;
  }
}
[id^=newgrad] .cta__buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(30rem, 1fr));
  gap: 1.2rem;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__buttons {
    grid-template-columns: 1fr;
    max-width: 30rem;
    width: 100%;
  }
}
[id^=newgrad] .cta__note {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__note {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
[id^=newgrad] .cta__note br {
  display: none;
}
@media only screen and (max-width: 768px) {
  [id^=newgrad] .cta__note br {
    display: block;
  }
}