@charset "UTF-8";

/*
	##### DNP RECRUITING #####
	/recruit/newgraduates/message/css/message_sp.css
*/

.main-ttl-area {
  display: block;
  width: 100%;
  padding-top: calc(196 / 750 * 100vw);
  padding-bottom: calc(80 / 750 * 100vw);
  text-align: center;

  & .page-ttl {
    font-size: calc(40 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: calc(24 / 750 * 100vw);
  }
  & .en {
    font-size: calc(18 / 750 * 100vw);
    font-weight: 400;
    letter-spacing: .08em
  }
}

.fv-area {
  display: block;
  width: calc(700 / 750 * 100vw);
  margin: 0 auto calc(80 / 750 * 100vw);

   & .topic-path {
    display: none;
   }
   & .image-box {
    width: 100%;
    height: calc(400 / 750 * 100vw);
    border-radius: calc(28 / 750 * 100vw);
    overflow: hidden
   }
}


.contents-area {
  display: block;
  width: 100%;
  margin-top: calc(166 / 750 * 100vw);
  padding-top: calc(160 / 750 * 100vw);
  background-color: var(--color3);
  position: relative;

  & .inner {
    font-feature-settings: "palt";
    text-align: center;
    padding: 0 calc(50 / 750 * 100vw) calc(190 / 750 * 100vw);
  }

  &::after {
    content: '';
    display: block;
    width: calc(409 / 750 * 100vw);
    height: calc(166 / 750 * 100vw);
    position: absolute;
    top: calc(-164 / 750 * 100vw);
    right: 0;
    background: url(/recruit/newgraduates/message/images/bg-orn.svg) no-repeat left bottom / cover;
  }
}

.lead-1 {
  font-size: calc(46 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.8888888888888888;
  margin-bottom: calc(100 / 750 * 100vw);
}
.lead-2 {
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.8571428571428572;

  & p + p {
    margin-top: 2em;
  }
}

.last-image {
  width: 100%;
  height: calc(492 / 750 * 100vw);
  margin-bottom: calc(100 / 750 * 100vw);
  position: relative;

  & .img-box {
    margin-top: calc(-100 / 750 * 100vw);
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-mask: url(/recruit/newgraduates/message/images/mask-4_sp.svg) no-repeat center / 100% 100%;
    mask: url(/recruit/newgraduates/message/images/mask-4_sp.svg) no-repeat center / 100% 100%;
    background-color: #fff;
  }
}