@charset "UTF-8";

/*
	##### DNP RECRUITING #####
	/recruit/newgraduates/index/css/top_pc.css
*/

.first-view-area,
.second-view-area,
.third-view-area {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0 calc(25 / 750 * 100vw);
  margin: 0 auto;
  position: relative;
}
.first-view-area {
  padding-top: calc(130 / 750 * 100vw);
}

.item {
  display: block;
  overflow: hidden;
  border-radius: calc(30 / 750 * 100vw);
  position: relative;
}

.item a,
.item.no-link::before {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.item a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  padding: calc(30 / 750 * 100vw)
}
.item a:not([class]),
.item.no-link::before {
  background-color: rgba(0, 0, 0, .48);
}
.item.no-link::before {
  content: '';
  display: block;
  z-index: +1;
}
.item a::after {
  content: '';
  display: block;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #fff;
  background: no-repeat center center / contain;
  background-image: url(/recruit/newgraduates/shared/images/bttn-link_wht.svg);
  background-color: rgba(255, 255, 255, .2)
}
.item-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: calc(154 / 750 * 100vw);
  min-height: calc(36 / 750 * 100vw);
  background-color: rgba(255, 255, 255, .6);
  border-radius: 100px;
  font-size: calc(18 / 750 * 100vw);
  font-weight: 400;
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: .08em;
  padding: 0 1.35em;
  color: #000;
}
.item-ttl {
  font-feature-settings: "palt";
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.3846153846153846;
  letter-spacing: .1em;
  font-weight: 500;
}
.item-des {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.4545454545454546;
  letter-spacing: .04em;
  font-feature-settings: "palt"
}


.item a::after {
  width: calc(62 / 750 * 100vw);
  height: calc(62 / 750 * 100vw);
  right: calc(30 / 750 * 100vw);
  bottom: calc(30 / 750 * 100vw);
}

.main-ttl {
  display: block;
  width: calc(324 / 750 * 100vw);
  height: calc(26 / 750 * 100vw);
  position: absolute;
  left: calc(25 / 750 * 100vw);
  top: calc((130 + 409) / 750 * 100vw);
  z-index: +1;

  img {
    display: block;
    max-width: none;
    width: auto;
    height: calc(92 / 750 * 100vw);
  }
  .ttl-line {
    position: absolute;
    left: 0;
    height: calc(92 / 750 * 100vw);
    display: block;
  }
  .line1 {
    top: calc(26 / 750 * 100vw);
    width: calc(324 / 750 * 100vw);
  }
  .line2 {
    top: calc(118 / 750 * 100vw);
    width: calc(414 / 750 * 100vw);
  }
  .line3 {
    top: calc(210 / 750 * 100vw);
    width: calc(700 / 750 * 100vw);
  }
}

.item1 {
  height: calc(779 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
  -webkit-mask: url(/recruit/newgraduates/index/images/mask-item1_sp.svg) no-repeat left top / 100% auto;
  mask: url(/recruit/newgraduates/index/images/mask-item1_sp.svg) no-repeat left top / 100% auto;


  & :is(img, a) {
    height: calc(608 / 750 * 100vw);
    border-bottom-right-radius: calc(30 / 750 * 100vw)
  }
  & .item-label {
    margin-bottom: calc(30 / 750 * 100vw);
  }
  & .item-ttl {
    margin-bottom: calc(26 / 750 * 100vw);
    font-weight: 700
  }
  & .item-des {
    width: calc(290 / 750 * 100vw);
    text-align: justify
  }
}
:is(.item2, .item3) {
  margin-bottom: calc(20 / 750 * 100vw);

   & a{
  justify-content: space-between;
   }
}
.item2 {
  height: calc(456 / 750 * 100vw);
}
.item3 {
  height: calc(350 / 750 * 100vw);
}

.item-ttl-2 {
  display: inline-block;
  & .en {
    font-size: calc(80 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: .02em;
  }
  & .jp {
    display: inline-block;
    font-size: calc(26 / 750 * 100vw);
    font-weight: 500;
    line-height: 1.3888888888888888;
    letter-spacing: .1em;
    margin-left: .5em;
  }
}

.item-ttl-5 {
  display: inline-block;
  font-feature-settings: "palt";

  & .en {
    font-size: calc(80 / 750 * 100vw);
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
  }
  & .pick-up.en {
    font-size: calc(20 / 750 * 100vw);
    font-weight: 300;
    line-height: 1.5;

    &::before {
      content: '•';
      margin-right: .5em;
    }
  }
  & .jp {
    font-size: calc(31 / 750 * 100vw);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.75;
  }
}

.second-view-set {
  display: grid;
  width: 100%;
  grid-template-areas: 
    "col5 col5"
    "col6 col6"
    "col8 col7"
    "col4 col4";
  grid-template-columns: calc(340 / 750 * 100vw) calc(340 / 750 * 100vw);
  grid-template-rows: calc(456 / 750 * 100vw) calc(350 / 750 *100vw) calc(350 / 750 *100vw) calc(350 / 750 *100vw);
  gap: calc(20 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);

  & .right-first-row {
    display: contents
  }
}

.item4 {
  grid-area: col4;
  min-height: calc(334 / 750 * 100vw);

  & a {
    justify-content: space-between
  }
  & .item-des {
    width: calc(550 / 750 * 100vw);
    margin-top: calc(22 / 750 * 100vw);
    text-align: justify
  }
}
.item5 {
  grid-area: col10;

  & a {
    justify-content: space-between
  }
  & .item-label {
    margin-bottom: calc(30 / 750 * 100vw)
  }
  & .item-des {
    width: calc(550 / 750 * 100vw);
    margin-top: calc(22 / 750 * 100vw);
    text-align: justify
  }
}
.item6 {
  grid-area: col6;

  & a {
    justify-content: space-between
  }
  & .item-ttl {
    font-size: calc(46 / 750 * 100vw);
    line-height: 1.2608695652173914;
  }
}
.item7 {
  grid-area: col8;

  a {
    row-gap: 3.2vw;

    .item-ttl {
      font-size: calc(38 / 750 * 100vw);
    }
  }
}
.item8 {
  grid-area: col7;
  background-color: #448f7e;

  & a {
    justify-content: flex-end;
  }

  & a::after {
    bottom: auto;
    top: calc(30 / 750 * 100vw);
  }
}
.item-ttl-3 {
  display: inline-block;

  & .en {
    font-size: calc(94 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: .02em
  }
  & .jp {
    font-weight: 700;
    font-size: calc(26 / 750 * 100vw)
  }
}

.third-view-area {
  display: grid;
  width: 100%;
  grid-template-areas: "col9 col13" "col10 col10" "col11 col11" "col12 col12";
  grid-template-columns: calc(340 / 750 * 100vw) calc(340 / 750 * 100vw);
  grid-template-rows: calc(350 / 750 *100vw) calc(350 / 750 *100vw) calc(500 / 750 *100vw) calc(350 / 750 *100vw);
  gap: calc(20 / 750 * 100vw);

  & .third-view-set,
  & .right-second-row {
    display: contents
  }
}
.colored-plates {
  display: contents;

  .item {
    border-radius: calc(30 / 750 * 100vw);

    & .obscure {
      display: contents
    }
    & .jp {
      font-size: calc(46 / 750 * 100vw);
      line-height: 1.2608695652173914;
      font-weight: 500;
      letter-spacing: .1em;
    }
    & .en {
      display: inline-block;
      font-size: calc(22 / 750 * 100vw);
      font-weight: 400;
      letter-spacing: .08em;
      margin-top: calc(20 / 750 * 100vw);
    }
  }
}
.item9 {
  grid-area: col9;
  background-color: #da679b;
}
.item13 {
  grid-area: col13;
  background-color: #e69844;
}
.item10 {
  grid-area: col5;

  & a {
    justify-content: space-between;
  
    & .item-ttl {
      font-size: calc(46 / 750 * 100vw);
      line-height: 1.2608695652173914;
    }
  }
}
.item11 {
  grid-area: col11;
  
  & a {
    justify-content: space-between
  }
  & .item-des {
    margin-top: calc(26 / 750 * 100vw);
    width: calc(285 / 750 * 100vw);
    text-align: justify;
  }
}
.item12 {
  grid-area: col12
}

.ornament-img {
  display: none;
}

.first-sec-end {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: calc(200 / 750 * 100vw) calc(25 / 750 * 100vw) calc(210 / 750 * 100vw);
  margin: 0 auto;

  & .lead {
    font-size: calc(44 / 750 * 100vw);
    font-feature-settings: "palt";
    letter-spacing: .15em;
    line-height: 2.090909090909091;

    & p + p {
      margin-top: 1.25em;
    }
  }
  & .lead-2 {
    font-feature-settings: "palt";
    font-size: calc(52 / 750 * 100vw);
    line-height: 1.8461538461538463;
    letter-spacing: .15em;
    margin-top: calc(90 / 750 * 100vw);
  }
}

.first-sec-footer {
  display: block;
  width: 100%;
  padding-bottom: calc(142 / 750 * 100vw);
  overflow: hidden;
  background: url(/recruit/newgraduates/index/images/bg-1st-end_sp.svg) no-repeat right bottom -1px / calc(409 / 750 * 100vw) auto;

  & .scroll-txt {
    display: inline-block;
    width: auto;
    font-size: calc(180 / 750 * 100vw);
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
    color: #f3f3f5;
    white-space: nowrap
  }
}



.sec .ttl-set .item-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: calc(190 / 750 * 100vw);
  min-height: calc(46 / 750 * 100vw);
  background-color: rgba(255, 255, 255, 1);
  font-size: calc(20 / 750 * 100vw);
  line-height: 1;
  margin-bottom: calc(35 / 750 * 100vw)
}
.sec .ttl-set .ttl-txt {
  font-size: calc(80 / 750 * 100vw);
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.2;
  letter-spacing: .08em;
  position: relative;
  z-index: 0;
  white-space: nowrap;
  margin-bottom: calc(55 / 750 * 100vw);

  & .marker {
    color: transparent;
    -webkit-text-stroke: calc(1 / 750 * 100vw) #000
  }
}
.sec .ttl-set .lead {
  font-size: calc(26 / 750 * 100vw);
  line-height: 2.1538461538461537;
  letter-spacing: .1em;
  font-feature-settings: "palt";
  margin-bottom: calc(70 / 750 * 100vw)
}




.second-sec {
  padding-bottom: calc(110 / 750 * 100vw);
  width: calc(725 / 750 * 100vw);
  margin-left: calc(25 / 750 * 100vw);
  background: url(/recruit/newgraduates/index/images/bg-2nd-end_sp.svg) no-repeat right bottom / auto calc(110 / 750 * 100vw);
  overflow: hidden;

  & .inner {
    background-color: #f3f3f5;
    border-radius: calc(30 / 750 * 100vw) 0 0 calc(30 / 750 * 100vw);
    padding: calc(150 / 750 * 100vw) 0 calc(210 / 750 * 100vw);
    position: relative;

    &::before {
      content: '';
      display: block;
      width: calc(527 / 750 * 100vw);
      height: calc(136 / 750 * 100vw);
      background: url(/recruit/newgraduates/index/images/txt-about.svg) no-repeat center top / contain;
      transform-origin: left top; 
      transform: rotate(90deg);
      position: absolute;
      top: calc(40 / 750 * 100vw);
      left: calc(763 / 750 * 100vw);
    }
  }
  & .about-set {
    width: 100%;
    padding: 0 calc(25 / 750 * 100vw);
    position: relative;
    z-index: 0;

    & .img-ttl-txt {
      display: block;
      height: calc(110 / 750 * 100vw);
      margin-bottom: calc(55 / 750 * 100vw);
      
      & img {
        height: 100%;
        width: auto;
      }
    }
  }
  & .bttn-set {
    display: flex;
    flex-direction: column-reverse;
    row-gap: calc(50 / 750 * 100vw);

    & .img-box {
      display: block;
      width: 100%;
      height: calc(500 / 750 * 100vw);
      border-radius: calc(30 / 750 * 100vw);
      overflow: hidden;
    }
    & .bttn-text a {
      display: block;
      width: 100%;
      padding-bottom: calc(30 / 750 * 100vw);
      border-bottom: solid calc(2 / 750 * 100vw) #dad9d6;
      position: relative;

      & .en {
        font-size: calc(22 / 750 * 100vw);
        letter-spacing: .08em;
        color: #959491
      }
      &::after {
        content: '';
        display: block;
        width: calc(60 / 750 * 100vw);
        height: calc(60 / 750 * 100vw);
        border-radius: 50%;
        position: absolute;
        right: calc(20 / 750 * 100vw);
        bottom: calc(15 / 750 * 100vw);
        background: no-repeat center center / contain;
        background-image: url(/recruit/newgraduates/shared/images/bttn-link_blk.svg);
        background-color: #fff
      }
    }
    & .ttl {
      font-size: calc(40 / 750 * 100vw);
      font-weight: 500;
      font-feature-settings: "palt";
      letter-spacing: .1em;
      line-height: 1.375;
      margin-bottom: calc(40 / 750 * 100vw);
    
      & .roman {
        letter-spacing: .04em;
      }
      & .ttl-add {
        display: block;
        font-size: 80%;

        &::before {
          display: inline-block;
          content: "―";
          margin: 0 .3em;
          transform: scaleX(1.6)
        }
      }
    }
  }
}

.third-sec {
  background-color: #f3f3f5;

  & .inner {
    display: flex;
    flex-direction: column-reverse;
    width: calc(100vw - 3.3333333333333335vw);
    border-radius: 0 calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
    background-color: #fff;
    background-image: url(/recruit/newgraduates/index/images/txt-business.svg);
    background-repeat: no-repeat;
    background-position: left calc(62 / 750 * 100vw) top calc(70 / 750 * 100vw);
    background-size: calc(720 = 750 * 100vw) calc(133 / 750 * 100vw);
    position: relative;
    padding-top: calc(176 / 750 * 100vw);
    padding-bottom: calc(247 / 750 * 100vw);
    overflow: hidden;

    &::after {
      content: '';
      display: block;
      width: calc(238 / 750 * 100vw);
      height: calc(130 / 750 * 100vw);
      background: url(/recruit/newgraduates/index/images/bg-3rd-end_sp.svg) no-repeat left bottom / cover;
      position: absolute;
      left: 0;
      top: 100%;
    }
  }
  & .slide-area {
    display: block;
    width: 100%;
    height: calc(780 / 750 * 100vw);
    margin-top: calc(-200 / 750 * 100vw);
    position: relative;
  }
  & .corner-ttl-area {
    display: block;
    width: auto;
    margin: 0 auto;
    z-index: +1;

    & .corner-ttl-plate {
      display: block;
      width: calc(674 / 750 * 100vw);
      min-height: calc(800 / 750 * 100vw);
      background-color: #f3f3f5;
      padding-top: calc(104 / 750 * 100vw);
      padding-right: calc(47 / 750 * 100vw);
      padding-bottom: calc(80 / 750 * 100vw);
      padding-left: calc(47 / 750 * 100vw);
      border-radius: calc(30 / 750 * 100vw);
    }
    & .item-label {
      margin-bottom: calc(30 / 750 * 100vw);
    }
    & .img-ttl-txt {
      display: block;
      width: calc(402 / 750 * 100vw);
      margin-left: calc(-35 / 750 * 100vw);
      height: auto;
    }
    & .lead-block {
      margin-top: calc(50 / 750 * 100vw);
      margin-bottom: 10vw;
    }
  }
}
.bttn.more {
  display: block;
  width: calc(580 / 750 * 100vw);
  height: calc(128 / 750 * 100vw);
  border-radius: 1000px;
  background-color: #fff;
  overflow: hidden;
  position: relative;

  &::after {
    content: '';
    display: block;
    width: calc(14 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
    background: url(/recruit/newgraduates/shared/images/arrw-r-blk.svg) no-repeat center center / contain;
    position: absolute;
    top: 50%;
    right: calc(70 / 750 * 100vw);
    transform: translateY(-50%);
  }
  & a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: calc(30 / 750 * 100vw);
  }
}
.swiper-wrapper {
  transition-timing-function: linear;
  z-index: 0;
}



.slide-cut {
  display: block;
  width: calc(520 / 750 * 100vw);
  height: calc(780 / 750 * 100vw);
  margin-right: calc(15 / 750 * 100vw);
  position: relative;
  border-radius: calc(30 / 750 * 100vw);
  overflow: hidden;

  & .label {
    display: block;
    width: 100%;
    height: 100%;
    padding: calc(590 / 750 * 100vw) calc(33 / 750 * 100vw) 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .48);
    color: #fff;
    font-size: calc(36 / 750 * 100vw);
    line-height: 1.5555555555555556;
    font-weight: 500;
    font-feature-settings: "palt";
    letter-spacing: .1em;
  }
}
.third-sec .slide-area .slide-bttns {
  position: absolute;
  bottom: calc(-40 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(328 / 750 * 100vw);
  height: calc(80 / 750 * 100vw);
  background-color: #000;
  border-radius: 1000px;
  overflow: hidden;
  z-index: +1;

  & .slide-arrow {
    display: block;
    width: calc(80 / 750 * 100vw);
    height: 100%;
    cursor: pointer;
  }
  & .separator {
    position: relative;
  }
  & .separator::before,
  & .separator::after {
    content: '';
    display: block;
    width: calc(2 / 750 * 100vw);
    height: calc(42 / 750 * 100vw);
    background-color: #505050;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  & .separator::before {
    left: 0;
  }
  & .separator::after {
    right: 0;
  }
  & .swiper-button-prev {
    position: static;
    margin-top: 0;
    pointer-events: none;
  }
  & .swiper-button-next {
    position: static;
    margin-top: 0;
    pointer-events: none;
  }
  & :is(.swiper-button-prev, .swiper-button-next)::after {
    display: none;
  }
  &.stop .swiper-button-prev {
    background: url(/recruit/newgraduates/index/images/bttn-previous.svg) no-repeat center center / contain;
    pointer-events: inherit;
  }
  &.stop .swiper-button-next {
    background: url(/recruit/newgraduates/index/images/bttn-next.svg) no-repeat center center / contain;
    pointer-events: inherit
  }
  & .stop-bttn {
    background: url(/recruit/newgraduates/index/images/bttn-pause.svg) no-repeat center center / contain
  }
  & .start-bttn {
    display: none;
    background: url(/recruit/newgraduates/index/images/bttn-play.svg) no-repeat center center / contain
  }
  &.stop .stop-bttn {
    display: none;
  }
  &.stop .start-bttn {
    display: block;
  }
}



.fourth-sec {
  background-color: #f3f3f5;
  padding: calc(160 / 750 * 100vw) calc(25 / 750 * 100vw) calc(200 / 750 * 100vw);

  & .ttl-set {
    padding-top: calc(77 / 750 * 100vw);
    padding-bottom: calc(10 / 750 * 100vw);
    position: relative;

    & hgroup {
      text-align: center;
    }

    &::before {
      content: '';
      display: block;
      height: calc(172 / 750 * 100vw);
      width: calc(584 / 750 * 100vw);
      background: url(/recruit/newgraduates/index/images/txt-project.svg) no-repeat center top / contain;
      transform-origin: left top;
      transform: rotate(90deg);
      position: absolute;
      top: 0;
      left: calc(772 / 750 * 100vw)
    }

    & .item-label {
      margin-bottom: calc(33 / 750 * 100vw);
    }
    & .img-ttl-txt {
      display: block;
      width: calc(450 / 750 * 100vw);
      margin: 0 auto calc(48 / 750 * 100vw);
    }
    & .lead-block {
      text-align: justify;
    }
  }
}


.projects-area {
  display: block;
  width: 100%;
  
  & .cols {
    display: block;
    width: 100%;
  }

  & .row-2 {
    display: block;
    width: 100%;
    margin-top: calc(20 / 750 * 100vw);
  }

  & .inner {
    border-radius: calc(30 / 750 * 100vw);
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }

  & a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: calc(50 / 750 * 100vw) calc(60 / 750 * 100vw) calc(45 / 750 * 100vw);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .48);
    font-feature-settings: "palt";

  }
  & .prjct-num {
    font-family: 'Inter', sans-serif;
    font-size: calc(85 / 750 * 100vw);
    font-weight: 500;
    letter-spacing: .01em;
    position: relative;

      &::before {
      content: '';
      display: inline-block;
      margin-top: .1em;
      width: .5em;
      height: .5em;
      vertical-align: top;
      background: url(/recruit/newgraduates/index/images/symbol-hash.svg) no-repeat center top / contain;
    }
  }
  & .prjct-ttl {
    font-size: calc(46 / 750 * 100vw);
    font-weight: 700;
    line-height: 1.4130434782608696;
    letter-spacing: .01em;
    margin-bottom: calc(38 / 750 * 100vw);
  }
  & .prjct-des {
    font-size: calc(22 / 750 * 100vw);
    line-height: 1.8181818181818181;
    letter-spacing: .05em;
  }
}


.project-palate {
  height: calc(530 / 750 * 100vw);
}
.project-palate + .project-palate {
  margin-top: calc(20 / 750 * 100vw)
}




.fifth-sec {
  display: block;
  width: 100%;
  padding-bottom: calc(154 / 750 * 100vw);
  background-color: #0a437b;

  .frame-for-bttn {
    position: relative;
  }

  & .ttl-area {
    padding: calc(137 / 750 * 100vw) calc(25 / 750 * 100vw) 0;
    color: #fff;
    position: relative;

    &::before {
      content: '';
      display: block;
      height: calc(174 / 750 * 100vw);
      width: calc(555 / 750 * 100vw);
      background: url(/recruit/newgraduates/index/images/txt-people.svg) no-repeat center top / contain;
      transform-origin: left top;
      transform: rotate(90deg);
      position: absolute;
      top: calc(94 / 750 * 100vw);
      left: calc(794 / 750 * 100vw)
    }

    & .item-label {
      background-color: var(--color2);
      margin-bottom: calc(33 / 750 * 100vw);
    }
    & .img-ttl-txt {
      display: block;
      height: calc(71 / 750 * 100vw);
      margin-bottom: calc(70 / 750 * 100vw);

      & img {
        height: 100%;
        width: auto;
      }
    }
    & .lead-block {
      text-align: justify;
    }
  }
  & .bttn.more {
    margin: calc(90 / 750 * 100vw) auto 0;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;

    &::after {
      background-image: url(/recruit/newgraduates/shared/images/arrw-r-wht.svg)
    }
  }
  & .double-slide-area {
    overflow: hidden;

    & .swiper-wrapper {
      display: flex;
      width: auto;
    }
    & .left-slide {
      display: block;
      height: calc(450 / 750 * 100vw);
      width: auto;
    }
    & .right-slide {
      display: none;
    }
  }
}
.intrvw-cut {
  display: block;
  width: calc(340 / 750 * 100vw);
  height: calc(450 / 750 * 100vw);
  border-radius: calc(30 / 750 * 100vw);
  overflow: hidden;
  margin-right: calc(20 / 750 * 100vw);
}





.sixth-sec {
  display: block;
  width: 100%;
  padding: calc(150 / 750 * 100vw) calc(25 / 750 * 100vw) calc(200 / 750 * 100vw);
  background-color: #28282d;
  position: relative;

  &::after {
    content: '';
    display: block;
    width: calc(379 / 750 * 100vw);
    height: calc(188 / 750 * 100vw);
    border-left: solid 1px #28282D;
    background: url(/recruit/newgraduates/index/images/bg-6th-end_sp.svg) no-repeat left top / contain;
    position: absolute;
    top: calc(100% - 0.3vw);
    left: -.3vw;
  }
}

.work-area .ttl-area {
  text-align: center;

  & .item-label {
    margin-bottom: calc(52 / 750 * 100vw);
  }
  & .ttl-txt {
    font-size: calc(54 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw);
    color: #fff
  }
  & .lead-block {
    text-align: justify;

    & .lead {
      color: #fff 
    }
  }
}
.work-area .plate {
  display: block;
  width: 100%;
  height: auto;

  & + & {
    margin-top: calc(80 / 750 * 100vw);
  }
  & a {
    display: block;
    border-bottom: solid calc(2 / 750 * 100vw) #dadad6;
    position: relative;

    &::after {
      content: '';
      display: block;
      width: calc(60 / 750 * 100vw);
      height: calc(60 / 750 * 100vw);
      border-radius: 50%;
      position: absolute;
      right: calc(24 / 750 * 100vw);
      bottom: calc(17 / 750 * 100vw);
      background: no-repeat center center / contain;
      background-image: url(/recruit/newgraduates/shared/images/bttn-link_blk.svg);
      background-color: #fff
    }
  }
    & .img-box {
    display: block;
    width: 100%;
    height: calc(500 / 750 * 100vw);
    border-radius: calc(30 / 750 * 100vw);
    overflow: hidden
  }
  & hgroup {
    display: block;
    padding: calc(50 / 750 * 100vw) calc(24 / 750 * 100vw) calc(30 / 750 * 100vw);
    color: #fff;

    & .ttl-txt {
      font-size: calc(40 / 750 * 100vw);
      font-weight: 500;
      font-feature-settings: "palt";
      letter-spacing: .1em;
      margin-bottom: calc(38 / 750 * 100vw);
    }
    & .en {
      font-size: calc(22 / 750 * 100vw);
      letter-spacing: .08em
    }
  }
}



.seventh-sec {
  padding: calc(264 / 750 * 100vw) 0 0;

  & .info-area {
    display: block;
    width: 100%;
    padding: 0 calc(25 / 750 * 100vw);

    & .ttl-txt {
      font-size: calc(80 / 750 * 100vw);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: .08em;
      text-align: center;
      margin-bottom: calc(60 / 750 * 100vw);
    }
  }
}

.info-area .bttn-set {
  display: block;
  margin-bottom: calc(196 / 750 * 100vw);

  & li { 
    display: block;
    width: 100%;
    height: calc(200 / 750 * 100vw);
  }
  & li + li {
    margin-top: calc(20 / 750 * 100vw)
  }

  & li.bttn-5 {
    height: calc(280 / 750 * 100vw)
  }

  & li .ico {
      display: block;
      width: calc(108 / 750 * 100vw);
      height: calc(108 / 750 * 100vw);
      margin-right: calc(19 / 750 * 100vw);

    & svg .e {
      fill:#0a437b;
    }
    & svg .d {
      fill: none
    }
  }

  & a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 calc(50 / 750 * 100vw) 0 calc(94 / 750 * 100vw);
    background-color: #f3f3f5;
    border-radius: calc(30 / 750 * 100vw);
    overflow: hidden;

    &::after {
      flex: 0 0 calc(60 / 750 * 100vw);
      margin-left: auto;
      content: '';
      display: block;
      width: calc(60 / 750 * 100vw);
      height: calc(60 / 750 * 100vw);
      border-radius: 50%;
      background: no-repeat center center / contain;
      background-image: url(/recruit/newgraduates/shared/images/bttn-link_blk.svg);
      background-color: #fff
    }
    & .jp {
      display: block;
      font-size: calc(38 / 750 * 100vw);
      font-weight: 500;
      font-feature-settings: "palt";
      letter-spacing: .08em;
      margin-bottom: calc(18 / 750 * 100vw);
    }
    & .en {
      font-size: calc(22 / 750 * 100vw);
      letter-spacing: .08em;
      color: #959494
    }
  }
}


.pre-footer-bttns .bttn-set .bttn-corp-site {
  display: block;
  width: 100%;
  height: calc(204 / 750 * 100vw);
  margin-top: calc(20 / 750 * 100vw);
  
  & a {
    background-color: #f3f3f5;
    text-align: center;
    position: relative;

    & .jp {
    font-size: calc(38 / 750 * 100vw);
    font-weight: 500;
    font-feature-settings: "palt";
    letter-spacing: .08em;
    display: block;
    margin-bottom: calc(20 / 750 * 100vw);
    }
    & .en {
      font-size: calc(22 / 750 * 100vw);
      letter-spacing: .08em;
      color: #959494;
    }
    &::after {
      background-image: url(/recruit/newgraduates/shared/images/bttn-popup_blk.svg);
    }
  }
}