:root {
  --font: #333;
  --aqua: #4465e0;
  --link: #4465e0;
  --pink: #c2048d;
  --border: #ccc;
}

@media only screen and (max-width: 740px) {
  .p-head {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-head {
    padding-top: 1.9rem;
  }
}
.p-head .-en {
  display: block;
  width: auto;
}
@media only screen and (max-width: 740px) {
  .p-head .-en {
    height: 0.24rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-head .-en {
    height: 0.56rem;
  }
}
.p-head .-ja {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  letter-spacing: 0;
  margin-top: 0.4em;
}
@media only screen and (max-width: 740px) {
  .p-head .-ja {
    font-size: 0.12rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-head .-ja {
    font-size: 0.2rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-mv {
    margin-left: 0.2rem;
    margin-top: 0.3rem;
    padding-bottom: 0.35rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-mv {
    padding-left: 0.5rem;
    margin-top: 0.4rem;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
  }
}
@media only screen and (min-width: 1400px) {
  .p-mv {
    margin-left: auto;
    max-width: calc(50% + 5.5rem + 0.5rem);
  }
}

@media print, screen and (min-width: 741px) {
  .p-mv-img {
    flex: 0 0 72%;
  }
}

.p-mv-ttl {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 740px) {
  .p-mv-ttl {
    flex-direction: column-reverse;
    gap: 0.15rem;
    margin-top: -0.65rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-mv-ttl {
    flex-direction: column;
    gap: 0.4rem;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    translate: 0 -55%;
  }
}
.p-mv-ttl .-en {
  width: auto;
}
@media only screen and (max-width: 740px) {
  .p-mv-ttl .-en {
    height: 0.12rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-mv-ttl .-en {
    height: 0.17rem;
  }
}
.p-mv-ttl .-ja {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 740px) {
  .p-mv-ttl .-ja {
    gap: 0.06rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-mv-ttl .-ja {
    gap: 0.1rem;
  }
}
.p-mv-ttl .-ja span {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  letter-spacing: 0;
  color: var(--aqua);
  padding: 0.1em 0.5em;
}
@media only screen and (max-width: 740px) {
  .p-mv-ttl .-ja span {
    font-size: 0.24rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-mv-ttl .-ja span {
    font-size: 0.44rem;
  }
}
.p-mv-ttl .-man span {
  background: radial-gradient(ellipse at 10% 0%, #f2f6ff, transparent 50%), radial-gradient(ellipse at 90% 0, #e7ecfe, transparent 50%), radial-gradient(ellipse at 10% 100%, #e4ebf7, transparent 50%), radial-gradient(ellipse at 90% 100%, #cfe1fa, transparent 50%), #fff;
}
.p-mv-ttl .-woman span {
  background: radial-gradient(ellipse at 10% 0%, #f2f6ff, transparent 50%), radial-gradient(ellipse at 90% 0, #e7ecfe, transparent 50%), radial-gradient(ellipse at 10% 100%, #e6e6fc, transparent 50%), radial-gradient(ellipse at 90% 100%, #f5e3fb, transparent 50%), #fff;
}

.p-profile {
  background: #2691ea;
}
.p-profile-txt {
  color: #fff;
}
@media only screen and (max-width: 740px) {
  .p-profile-txt {
    margin-top: -0.3rem;
    margin-left: 0.3rem;
  }
}
.p-profile-data {
  background: rgba(246, 249, 254, 0.7);
  margin-top: 0.25rem;
  color: var(--aqua);
}
@media only screen and (max-width: 740px) {
  .p-profile-data {
    padding: 0.2rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-profile-data {
    padding: 0.3rem;
  }
}
.p-profile-data dt {
  font-weight: 600;
  margin-bottom: 0.5em;
}
.p-profile-data dt .-initial {
  font-size: 0.24rem;
  margin-right: 0.5em;
  line-height: 1;
}
@media only screen and (max-width: 740px) {
  .p-interview:nth-child(odd) {
    background: radial-gradient(circle 3rem at 10% 20%, rgba(68, 101, 224, 0.2), rgba(68, 101, 224, 0.2) 30%, transparent), #f1f5fe;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview:nth-child(odd) {
    background: radial-gradient(circle 5rem at 10% 40%, rgba(68, 101, 224, 0.2), rgba(68, 101, 224, 0.2) 30%, transparent), #f1f5fe;
  }
}
@media only screen and (max-width: 740px) {
  .p-interview:nth-child(even) {
    background: radial-gradient(circle 3rem at 90% 20%, rgba(68, 101, 224, 0.2), rgba(68, 101, 224, 0.2) 30%, transparent), #f1f5fe;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview:nth-child(even) {
    background: radial-gradient(circle 5rem at 90% 40%, rgba(68, 101, 224, 0.2), rgba(68, 101, 224, 0.2) 30%, transparent), #f1f5fe;
  }
}

@media only screen and (max-width: 740px) {
  .p-interview-mv {
    margin-bottom: 0.3rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview-mv {
    margin-bottom: 0.6rem;
  }
}
.p-interview-mv img {
  width: 100%;
}

.p-interview-ttl .-sub {
  display: inline-block;
  background: var(--aqua);
  color: #fff;
  padding: 0 0.6em 0.1em;
}
@media only screen and (max-width: 740px) {
  .p-interview-ttl .-sub {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview-ttl .-sub {
    margin-bottom: 0.15rem;
    font-size: 0.16rem;
  }
}
.p-interview-ttl .-main {
  display: block;
}
@media only screen and (max-width: 740px) {
  .p-interview-item {
    margin-top: 0.25rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview-item {
    margin-top: 0.35rem;
    display: flex;
    gap: 0.6rem;
  }
}

@media print, screen and (min-width: 741px) {
  .p-interview-item-img {
    flex: 0 0 4.8rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-interview-item-body {
    margin-top: 0.25rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview-item-body {
    flex: 1 1 auto;
  }
}

.p-interview-item-hl {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  letter-spacing: 0;
}
@media only screen and (max-width: 740px) {
  .p-interview-item-hl {
    font-size: 0.2rem;
    margin-bottom: 0.6em;
  }
}
@media print, screen and (min-width: 741px) {
  .p-interview-item-hl {
    font-size: 0.32rem;
    margin-bottom: 0.7em;
  }
}

@media only screen and (max-width: 740px) {
  .p-message {
    background: radial-gradient(circle 3rem at 90% 10%, rgba(31, 117, 233, 0.2), rgba(31, 117, 233, 0.2) 30%, transparent), #dce5ff;
  }
}
@media print, screen and (min-width: 741px) {
  .p-message {
    background: radial-gradient(circle 6rem at 90% 40%, rgba(31, 117, 233, 0.2), rgba(31, 117, 233, 0.2) 30%, transparent), #dce5ff;
  }
}

.p-message-box {
  background: rgba(246, 249, 254, 0.7);
}
@media only screen and (max-width: 740px) {
  .p-message-box {
    margin-inline: 0.3rem -0.2rem;
    padding: 0.2rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-message-box {
    padding: 0.6rem;
    display: flex;
    gap: 0.5rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-message-img {
    margin-top: 0.2rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-message-img {
    flex: 0 0 2.92rem;
  }
}
.p-message-img img {
  width: 100%;
}

@media print, screen and (min-width: 741px) {
  .p-message-body {
    flex: 1 1 auto;
  }
}

.p-message-ttl {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  letter-spacing: 0;
  color: var(--aqua);
  display: flex;
  align-items: center;
  gap: 0.8em;
}
@media only screen and (max-width: 740px) {
  .p-message-ttl {
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-message-ttl {
    font-size: 0.24rem;
    margin-bottom: 0.15rem;
  }
}
.p-message-ttl:after {
  content: "";
  display: block;
  height: 1px;
  flex: 1 1 auto;
  background: var(--aqua);
}

.p-message-hl {
  font-weight: 600;
  color: var(--aqua);
}
@media only screen and (max-width: 740px) {
  .p-message-hl {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-message-hl {
    font-size: 0.28rem;
    margin-bottom: 0.15rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-message-txt {
    font-size: 0.14rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-message-txt {
    font-size: 0.2rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-other {
    margin-inline: -0.2rem;
  }
}
.p-other-ttl {
  color: var(--aqua);
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 740px) {
  .p-other-ttl {
    font-size: 0.2rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-other-ttl {
    font-size: 0.28rem;
  }
}

@media only screen and (max-width: 740px) {
  .p-other-swiper-container {
    margin-top: 0.7rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-other-swiper-container {
    margin-top: 0.4rem;
  }
}
.p-other-swiper-container .p-other-swiper-button-prev {
  top: -0.46rem;
  right: 0.58rem;
}
.p-other-swiper-container .p-other-swiper-button-next {
  top: -0.46rem;
  right: 0.2rem;
}

.p-other-item-link {
  display: block;
  position: relative;
}
@media print, screen and (min-width: 741px) {
  .p-other-item-link:hover .p-other-item-img img {
    scale: 1.1;
  }
  .p-other-item-link:hover .p-other-item-img .-icon {
    background: #fff;
  }
  .p-other-item-link:hover .p-other-item-img .-icon:after {
    background: #000;
  }
}

.p-other-item-img {
  position: relative;
  aspect-ratio: 350/390;
  overflow: hidden;
}
.p-other-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
  transition: scale 0.4s;
}
.p-other-item-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 45%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.p-other-item-img .-icon {
  border: 1px solid #fff;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 740px) {
  .p-other-item-img .-icon {
    width: 0.3rem;
    height: 0.3rem;
    right: 0.15rem;
    bottom: 0.15rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-other-item-img .-icon {
    width: 0.4rem;
    height: 0.4rem;
    right: 0.2rem;
    bottom: 0.2rem;
    transition: background 0.4s;
  }
}
.p-other-item-img .-icon:after {
  content: "";
  width: 0.12rem;
  height: 0.1rem;
  background: #fff;
  mask: url(/new_graduate/_assets/_common/img/icon-arrow.svg) 50% 50%/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: background 0.4s;
}

.p-other-item-body {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  z-index: 1;
}
@media only screen and (max-width: 740px) {
  .p-other-item-body {
    padding: 0 0.4rem 0.25rem 0.2rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-other-item-body {
    padding: 0 0.6rem 0.3rem 0.3rem;
  }
}

.p-other-item-hl {
  letter-spacing: 0;
  font-weight: bold;
}
@media only screen and (max-width: 740px) {
  .p-other-item-hl {
    font-size: 0.16rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-other-item-hl {
    font-size: 0.2rem;
  }
}

.p-other-item-data {
  margin-top: 1em;
}
@media only screen and (max-width: 740px) {
  .p-other-item-data {
    font-size: 0.12rem;
  }
}
@media print, screen and (min-width: 741px) {
  .p-other-item-data {
    font-size: 0.14rem;
  }
}