.common-breadcrumbArea {
  padding-top: calc(( 20 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .common-breadcrumbArea {
    padding-top: min(calc((10/1040)*100vw), 10px);
  }
}

.recruitIntroSingle img {
  object-fit: cover;
}

.mvArea {
  padding-top: calc(( 40 / 750 ) * 100vw);
  position: relative;
  overflow-y: hidden;
  padding-bottom: calc(( 74 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea {
    padding-top: min(calc((20/1040)*100vw), 20px);
    padding-bottom: min(calc((70/1040)*100vw), 70px);
  }
}

.mvArea:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(( 74 / 750 ) * 100vw);
  background-size: cover;
  background-image: url(../img/recruit/introduce/dddd/bg_sp.png);
  display: inline-block;
  position: absolute;
  top: calc(( 240 / 750 ) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}

@media screen and (min-width: 768px), print {
  .mvArea:before {
    background-image: url(../img/recruit/introduce/dddd/bg_pc.png);
    height: min(calc((60/1040)*100vw), 60px);
    top: min(calc((252/1040)*100vw), 252px);
  }
}

.mvArea:after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  background-color: #DFF1F8;
  top: calc(( 314 / 750 ) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}

@media screen and (min-width: 768px), print {
  .mvArea:after {
    top: min(calc((312/1040)*100vw), 312px);
  }
}

.mvArea-img {
  position: relative;
}

.mvArea-img-01 {
  overflow: hidden;
  width: calc(( 606 / 750 ) * 100vw);
  margin: 0;
  border: solid calc(( 2 / 750 ) * 100vw) #2E457C;
  border-radius: calc(( 14 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea-img-01 {
    width: min(calc((736/1040)*100vw), 736px);
    border-width: 2px;
    border-radius: min(calc((14/1040)*100vw), 14px);
  }
}

.mvArea-img-02 {
  overflow: hidden;
  margin: 0;
  width: calc(( 215 / 750 ) * 100vw);
  position: absolute;
  bottom: calc(( -24 / 750 ) * 100vw);
  right: 0;
  border: solid calc(( 2 / 750 ) * 100vw) #2E457C;
  border-radius: calc(( 10 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea-img-02 {
    width: min(calc((315/1040)*100vw), 315px);
    border-width: 2px;
    border-radius: min(calc((14/1040)*100vw), 14px);
    bottom: calc(( -26 / 1040 ) * 100vw);
  }
}

@media screen and (min-width: 1040px), print {
  .mvArea-img-02 {
    bottom: -25px;
  }
}

.mvArea-txtArea-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  margin-top: calc(( 50 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea-txtArea-list {
    margin-top: min(calc((46/1040)*100vw), 46px);
  }
}

.mvArea-txtArea-list li {
  margin: 0;
  color: #fff;
  display: inline-block;
  font-size: calc(( 21 / 750 ) * 100vw);
  background-color: #86A1B2;
  padding: 0 calc(( 20 / 750 ) * 100vw);
  border-radius: calc(( 5 / 750 ) * 100vw);
  margin-right: calc(( 8 / 750 ) * 100vw);
  margin-bottom: calc(( 8 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea-txtArea-list li {
    font-size: min(calc((14/1040)*100vw), 14px);
    border-radius: min(calc((5/1040)*100vw), 5px);
    margin-right: min(calc((8/1040)*100vw), 8px);
    margin-bottom: min(calc((8/1040)*100vw), 8px);
    padding: 0 min(calc((14/1040)*100vw), 14px);
  }
}

.mvArea-txtArea-list li a {
  color: #fff;
}

.mvArea-txtArea-ttl {
  margin: 0;
  font-size: calc(( 36 / 750 ) * 100vw);
  font-weight: 700;
  line-height: 1.2;
  margin-top: calc(( 10 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea-txtArea-ttl {
    font-size: min(calc((34/1040)*100vw), 34px);
    margin-top: min(calc((12/1040)*100vw), 12px);
  }
}

.mvArea-txtArea-txt {
  margin: 0;
  font-size: calc(( 26 / 750 ) * 100vw);
  line-height: 1.6;
  margin-top: calc(( 10 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .mvArea-txtArea-txt {
    font-size: calc(( 15 / 1920 ) * 100vw);
    margin-top: min(calc((10/1040)*100vw), 10px);
  }
}

.oneArea {
  padding: calc(( 120 / 750 ) * 100vw) 0 0;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .oneArea {
    padding: 0;
  }
}

@media screen and (min-width: 768px), print {
  .oneArea:after {
    width: 100%;
    height: min(calc((60/1040)*100vw), 60px);
    display: block;
    content: "";
    position: absolute;
    background-color: #DFF1F8;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
    top: 0;
  }
}

.oneArea-box {
  padding: calc(( 80 / 750 ) * 100vw) calc(( 35 / 750 ) * 100vw) calc(( 50 / 750 ) * 100vw);
  border: solid calc(( 2 / 750 ) * 100vw) #2E457C;
  border-radius: calc(( 10 / 750 ) * 100vw);
  position: relative;
  margin: 0;
  background-color: #fff;
}

@media screen and (min-width: 768px), print {
  .oneArea-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    padding: min(calc((50/1040)*100vw), 50px);
    border-radius: min(calc((10/1040)*100vw), 10px);
    border: solid min(calc((2/1040)*100vw), 2px) #2E457C;
  }
}

.oneArea-heading {
  font-size: calc(( 37 / 750 ) * 100vw);
  font-weight: 700;
  color: #fff;
  letter-spacing: .001em;
  background-color: #2E457C;
  width: calc(( 595 / 750 ) * 100vw);
  text-align: center;
  border-radius: calc(( 10 / 750 ) * 100vw);
  margin: 0;
  display: inline-block;
  position: absolute;
  top: calc(( -35 / 750 ) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  line-height: 1;
  padding: calc(( 16 / 750 ) * 100vw) 0;
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .oneArea-heading {
    font-size: min(calc((25/1040)*100vw), 25px);
    padding: min(calc((16/1040)*100vw), 16px) 0;
    border-radius: min(calc((10/1040)*100vw), 10px);
    width: min(calc((412/1040)*100vw), 412px);
    transform: none;
    left: min(calc((40/1040)*100vw), 40px);
    top: calc(( -22 / 1040 ) * 100vw);
  }
}

@media screen and (min-width: 1040px), print {
  .oneArea-heading {
    top: -22px;
  }
}

.oneArea-heading:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc( 24/ 750 * 100vw) calc( 12/ 750 * 100vw) 0 calc( 12/ 750 * 100vw);
  border-color: #2E457C transparent transparent transparent;
  position: absolute;
  bottom: calc(( -20 / 750 ) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .oneArea-heading:before {
    border-width: min(calc((24/1040)*100vw), 24px) min(calc((12/1040)*100vw), 12px) 0 min(calc((12/1040)*100vw), 12px);
    bottom: calc(( -20 / 1040 ) * 100vw);
  }
}

@media screen and (min-width: 1040px), print {
  .oneArea-heading:before {
    bottom: -20px;
  }
}

.oneArea-img {
  width: 100%;
  height: calc(( 410 / 750 ) * 100vw);
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .oneArea-img {
    width: min(calc((450/1040)*100vw), 450px);
    height: min(calc((330/1040)*100vw), 330px);
  }
}

.oneArea-img img {
  object-fit: cover;
  height: 100%;
}

.oneArea-txtArea {
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .oneArea-txtArea {
    width: min(calc((400/1040)*100vw), 400px);
    padding-top: min(calc((50/1040)*100vw), 50px);
  }
}

.oneArea-ttl {
  margin: 0;
  font-size: calc(( 36 / 750 ) * 100vw);
  line-height: 1.4;
  margin: 0;
  font-weight: 700;
  margin-top: calc(( 40 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .oneArea-ttl {
    font-size: min(calc((25/1040)*100vw), 25px);
    margin: 0;
  }
}

.oneArea-txt {
  font-size: calc(( 26 / 750 ) * 100vw);
  margin: 0;
  margin-top: calc(( 30 / 750 ) * 100vw);
  line-height: 1.7;
}

@media screen and (min-width: 768px), print {
  .oneArea-txt {
    font-size: min(calc((15/1040)*100vw), 15px);
    margin-top: min(calc((30/1040)*100vw), 30px);
  }
}

.jobArea {
  padding: calc(( 100 / 750 ) * 100vw) 0 0;
}

@media screen and (min-width: 768px), print {
  .jobArea {
    padding: min(calc((100/1040)*100vw), 100px) 0 0;
  }
}

.jobArea-heading {
  position: relative;
  font-size: calc((42/750)*100vw);
  text-align: center;
  margin: 0;
  z-index: 1;
  padding-right: calc(( 20 / 750 ) * 100vw);
  line-height: 1.4;
}

@media screen and (min-width: 768px), print {
  .jobArea-heading {
    font-size: calc((34/1040)*100vw);
    margin-bottom: calc((40/1040)*100vw);
    padding-right: 0;
  }
}

@media screen and (min-width: 1040px) {
  .jobArea-heading {
    font-size: 34px;
    margin-bottom: 40px;
  }
}

.jobArea-heading:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  background-image: url(../img/recruit/recruitArchive_ttl_bg.png);
  background-size: cover;
  background-position: center;
  width: calc((218/750)*100vw);
  height: calc((70/750)*100vw);
  z-index: -1;
}

@media screen and (min-width: 768px), print {
  .jobArea-heading:before {
    width: calc((218/1040)*100vw);
    height: calc((70/1040)*100vw);
  }
}

@media screen and (min-width: 1040px) {
  .jobArea-heading:before {
    width: 218px;
    height: 70px;
  }
}

.jobArea-list {
  margin-top: calc((40/750)*100vw);
}

@media screen and (min-width: 768px), print {
  .jobArea-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: min(calc((30/1040)*100vw), 30px);
  }
}

.jobArea-list li {
  overflow: hidden;
  border-radius: calc((5/750)*100vw);
  background-color: #EEF1F9;
  margin-top: calc((50/750)*100vw);
}

@media screen and (min-width: 768px), print {
  .jobArea-list li {
    width: calc((310/1040)*100vw);
    border-radius: calc((5/1040)*100vw);
    margin-top: calc((50/1040)*100vw);
  }
}

@media screen and (min-width: 1040px) {
  .jobArea-list li {
    width: 310px;
    border-radius: 5px;
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px), print {
  .jobArea-list li + li {
    margin-left: min(calc((32/1040)*100vw), 32px);
  }
}

.jobArea-list li:nth-child(1) {
  margin-top: 0;
}

.jobArea-list li:nth-child(2n) {
  background-color: #DFF1F8;
}

@media screen and (min-width: 768px), print {
  .jobArea-list li:nth-child(1), .jobArea-list li:nth-child(2), .jobArea-list li:nth-child(3) {
    margin-top: 0;
  }
}

.jobArea-img {
  margin: 0;
  height: calc(( 405 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .jobArea-img {
    height: min(calc((200/1040)*100vw), 200px);
  }
}

.jobArea-img img {
  height: 100%;
  object-fit: cover;
}

.jobArea-txtArea {
  margin: 0 auto;
  width: calc(( 560 / 750 ) * 100vw);
  padding: calc((20/750)*100vw) 0 calc((50/750)*100vw);
}

@media screen and (min-width: 768px), print {
  .jobArea-txtArea {
    padding: calc((16/1040)*100vw) 0 calc((30/1040)*100vw);
    width: min(calc((250/1040)*100vw), 250px);
  }
}

@media screen and (min-width: 1040px) {
  .jobArea-txtArea {
    padding: 16px 0 30px;
  }
}

.jobArea-ttl {
  font-size: calc((40/750)*100vw);
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  margin: calc((20/750)*100vw) 0;
  line-height: 1.2;
}

@media screen and (min-width: 768px), print {
  .jobArea-ttl {
    font-size: min(calc((22/1040)*100vw), 22px);
    margin: calc((16/1040)*100vw) 0;
    margin-top: 0;
  }
}

@media screen and (min-width: 1040px) {
  .jobArea-ttl {
    margin: 16px 0;
    margin-top: 0;
  }
}

.jobArea-txt {
  font-size: calc((26/750)*100vw);
  font-weight: 500;
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .jobArea-txt {
    font-size: min(calc((15/1040)*100vw), 15px);
    letter-spacing: 0.1rem;
  }
}

.descArea {
  padding: calc(( 120 / 750 ) * 100vw) 0 0;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px), print {
  .descArea {
    padding: min(calc((80/1040)*100vw), 80px) 0 0;
  }
}

.descArea-box {
  margin-top: calc(( 100 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .descArea-box {
    width: min(calc((890/1040)*100vw), 890px);
    margin: 0 auto;
    margin-top: min(calc((100/1040)*100vw), 100px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.descArea-box:nth-child(1) {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .descArea-box:nth-child(2n) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

.descArea-img {
  width: 100%;
  height: calc(( 410 / 750 ) * 100vw);
  margin: 0;
  margin-bottom: calc(( 36 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .descArea-img {
    width: min(calc((400/1040)*100vw), 400px);
    height: min(calc((274/1040)*100vw), 274px);
    margin: 0;
  }
}

.descArea-img img {
  object-fit: cover;
  height: 100%;
}

@media screen and (min-width: 768px), print {
  .descArea-img + .descArea-txtArea {
    width: min(calc((400/1040)*100vw), 400px);
    margin: 0;
  }
}

.descArea-txtArea {
  width: calc(( 542 / 750 ) * 100vw);
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .descArea-txtArea {
    width: 100%;
  }
}

.descArea-txtArea-ttl {
  font-size: calc(( 36 / 750 ) * 100vw);
  line-height: 1.4;
  font-weight: 700;
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .descArea-txtArea-ttl {
    font-size: min(calc((25/1040)*100vw), 25px);
  }
}

.descArea-txtArea-txt {
  font-size: calc(( 26 / 750 ) * 100vw);
  line-height: 1.7;
  margin: 0;
  margin-top: calc(( 36 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .descArea-txtArea-txt {
    font-size: min(calc((15/1040)*100vw), 15px);
    margin-top: min(calc((30/1040)*100vw), 30px);
  }
}

.timeArea {
  background-color: #DFF1F8;
  position: relative;
  padding: calc(( 50 / 750 ) * 100vw) 0 calc(( 80 / 750 ) * 100vw);
  margin-top: calc(( 100 / 750 ) * 100vw);
  z-index: 1;
}

@media screen and (min-width: 768px), print {
  .timeArea {
    padding: min(calc((60/1040)*100vw), 60px) 0 min(calc((70/1040)*100vw), 70px);
    margin-top: min(calc((100/1040)*100vw), 100px);
  }
}

.timeArea:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(( 74 / 750 ) * 100vw);
  background-size: cover;
  background-image: url(../img/recruit/introduce/dddd/bg_sp.png);
  display: inline-block;
  position: absolute;
  top: calc(( -73 / 750 ) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

@media screen and (min-width: 768px), print {
  .timeArea:before {
    background-image: url(../img/recruit/introduce/dddd/bg_pc.png);
    height: min(calc((60/1040)*100vw), 60px);
    top: calc(( -59 / 1040 ) * 100vw);
  }
}

@media screen and (min-width: 1040px), print {
  .timeArea:before {
    top: -59px;
  }
}

.timeArea-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: calc(( 40 / 750 ) * 100vw);
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  margin-bottom: calc(( 50 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .timeArea-heading {
    font-size: min(calc((30/1040)*100vw), 30px);
    margin-bottom: min(calc((50/1040)*100vw), 50px);
  }
}

.timeArea-heading span {
  display: inline-block;
  position: relative;
}

.timeArea-heading span:before {
  content: "";
  display: block;
  width: calc(( 102 / 750 ) * 100vw);
  height: calc(( 112 / 750 ) * 100vw);
  background-image: url(../img/recruit/introduce/dddd/icon-time.png);
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc(( -120 / 750 ) * 100vw);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (min-width: 768px), print {
  .timeArea-heading span:before {
    width: min(calc((80/1040)*100vw), 80px);
    height: min(calc((80/1040)*100vw), 80px);
    left: calc(( -100 / 1040 ) * 100vw);
  }
}

@media screen and (min-width: 1040px), print {
  .timeArea-heading span:before {
    left: -100px;
  }
}

.timeArea-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .timeArea-box {
    width: min(calc((800/1040)*100vw), 800px);
    margin: 0 auto;
  }
}

.timeArea-box:nth-last-child(1) .timeArea-box-txtArea:before {
  display: none;
}

.timeArea-box-time {
  font-size: calc(( 32 / 750 ) * 100vw);
  font-weight: 700;
  background-color: #fff;
  border-radius: 100px;
  border: solid #2E457C calc(( 2 / 750 ) * 100vw);
  display: inline-block;
  margin: 0;
  width: calc(( 140 / 750 ) * 100vw);
  text-align: center;
  z-index: 2;
}

@media screen and (min-width: 768px), print {
  .timeArea-box-time {
    width: min(calc((84/1040)*100vw), 84px);
    font-size: min(calc((20/1040)*100vw), 20px);
    border: min(calc((2/1040)*100vw), 2px) solid #2E457C;
  }
}

.timeArea-box-txtArea {
  width: calc(( 460 / 750 ) * 100vw);
  padding-bottom: calc(( 40 / 750 ) * 100vw);
  z-index: 1;
}

@media screen and (min-width: 768px), print {
  .timeArea-box-txtArea {
    width: min(calc((700/1040)*100vw), 700px);
    padding-top: min(calc((3/1040)*100vw), 3px);
    padding-bottom: min(calc((36/1040)*100vw), 36px);
  }
}

.timeArea-box-txtArea:before {
  content: "";
  display: block;
  width: calc(( 3 / 750 ) * 100vw);
  background-color: #2E457C;
  height: 100%;
  position: absolute;
  left: calc(( 70 / 750 ) * 100vw);
  z-index: 1;
}

@media screen and (min-width: 768px), print {
  .timeArea-box-txtArea:before {
    width: min(calc((3/1040)*100vw), 3px);
    left: min(calc((42/1040)*100vw), 42px);
  }
}

.timeArea-box-ttl {
  font-size: calc(( 36 / 750 ) * 100vw);
  font-weight: 700;
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .timeArea-box-ttl {
    font-size: min(calc((18/1040)*100vw), 18px);
  }
}

.timeArea-box-txt {
  font-size: calc(( 26 / 750 ) * 100vw);
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .timeArea-box-txt {
    font-size: min(calc((15/1040)*100vw), 15px);
  }
}

.otherArea {
  padding-top: calc(( 120 / 750 ) * 100vw);
  overflow-x: hidden;
}

@media screen and (min-width: 768px), print {
  .otherArea {
    padding-top: min(calc((90/1040)*100vw), 90px);
    padding-bottom: min(calc((80/1040)*100vw), 80px);
  }
}

.otherArea-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: calc((42/750)*100vw);
  text-align: center;
  margin: 0;
  z-index: 1;
  padding-right: calc(( 20 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-heading {
    font-size: calc((34/1040)*100vw);
    margin-bottom: calc((40/1040)*100vw);
    padding-right: 0;
  }
}

@media screen and (min-width: 1040px) {
  .otherArea-heading {
    font-size: 34px;
    margin-bottom: 40px;
  }
}

.otherArea-heading span {
  display: inline-block;
  position: relative;
}

.otherArea-heading span:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 33%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  background-image: url(../img/recruit/recruitArchive_ttl_bg.png);
  background-size: cover;
  background-position: center;
  width: calc((218/750)*100vw);
  height: calc((70/750)*100vw);
  z-index: -1;
}

@media screen and (min-width: 768px), print {
  .otherArea-heading span:before {
    width: min(calc((250/1040)*100vw), 250px);
    height: min(calc((80/1040)*100vw), 80px);
  }
}

.otherArea-heading span:after {
  content: "";
  display: block;
  width: calc(( 67 / 750 ) * 100vw);
  height: calc(( 35 / 750 ) * 100vw);
  background-size: contain;
  background-image: url(../img/recruit/introduce/dddd/icon-other.png);
  display: inline-block;
  position: absolute;
  left: calc(( -80 / 750 ) * 100vw);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (min-width: 768px), print {
  .otherArea-heading span:after {
    width: min(calc((40/1040)*100vw), 40px);
    height: min(calc((21/1040)*100vw), 21px);
    left: calc(( -50 / 1040 ) * 100vw);
  }
}

@media screen and (min-width: 1040px), print {
  .otherArea-heading span:after {
    left: -50px;
  }
}

.otherArea .inner {
  width: 100%;
}

@media screen and (min-width: 767px), print {
  .otherArea .inner {
    max-width: 1000px;
  }
}

.otherArea-slide {
  overflow: initial;
  padding: calc((50/750)*100vw) 0 calc((90/750)*100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-slide {
    padding: min(calc((40/1040)*100vw), 40px) 0;
  }
}

.otherArea-slide-item {
  width: calc((630/750)*100vw);
  border-radius: calc((10/750)*100vw);
  background-color: #DFF1F8;
  overflow: hidden;
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-item {
    border-radius: calc((5/1040)*100vw);
    width: calc((314/1040)*100vw);
  }
}

@media screen and (min-width: 1040px) {
  .otherArea-slide-item {
    border-radius: 5px;
    width: 314px;
  }
}

.otherArea-slide-item:nth-child(2n) {
  background-color: #EEF1F9;
}

.otherArea-slide-img {
  margin: 0;
  height: calc(( 354 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-img {
    height: min(calc((178/1040)*100vw), 178px);
  }
}

.otherArea-slide-img img {
  object-fit: cover;
  display: block;
  height: 100%;
}

.otherArea-slide-txtArea {
  padding: calc(( 40 / 750 ) * 100vw) calc(( 35 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-txtArea {
    padding: min(calc((30/1040)*100vw), 30px);
    padding-top: min(calc((16/1040)*100vw), 16px);
  }
}

.otherArea-slide-ttl {
  margin: 0;
  font-size: calc(( 36 / 750 ) * 100vw);
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-ttl {
    font-size: min(calc((18/1040)*100vw), 18px);
  }
}

.otherArea-slide-txt {
  margin: 0;
  font-size: calc(( 26 / 750 ) * 100vw);
  font-weight: 500;
  line-height: 1.4;
  margin-top: calc(( 20 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-txt {
    font-size: min(calc((16/1040)*100vw), 16px);
    margin-top: min(calc((10/1040)*100vw), 10px);
  }
}

.otherArea-slide-cat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  margin-top: calc(( 20 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-cat {
    margin-top: min(calc((10/1040)*100vw), 10px);
  }
}

.otherArea-slide-cat li {
  margin: 0;
  color: #fff;
  display: inline-block;
  font-size: calc(( 21 / 750 ) * 100vw);
  background-color: #86A1B2;
  padding: 0 calc(( 20 / 750 ) * 100vw);
  border-radius: calc(( 5 / 750 ) * 100vw);
  margin-right: calc(( 8 / 750 ) * 100vw);
  margin-bottom: calc(( 8 / 750 ) * 100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea-slide-cat li {
    font-size: min(calc((14/1040)*100vw), 14px);
    border-radius: min(calc((5/1040)*100vw), 5px);
    margin-right: min(calc((8/1040)*100vw), 8px);
    margin-bottom: min(calc((8/1040)*100vw), 8px);
    padding: 0 min(calc((14/1040)*100vw), 14px);
  }
}

.otherArea .slick-track {
  display: -ms-flexbox;
  display: flex;
}

.otherArea .slick-slide {
  height: auto !important;
  margin: 0 calc((20/750)*100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea .slick-slide {
    margin: 0 min(calc((14/1040)*100vw), 14px);
  }
}

@media screen and (min-width: 768px), print {
  .otherArea .slick-list {
    overflow: visible;
  }
}

.otherArea .slick-arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: calc((50/750)*100vw);
  height: calc((50/750)*100vw);
}

@media screen and (min-width: 768px), print {
  .otherArea .slick-arrow {
    width: calc((28/1040)*100vw);
    height: calc((28/1040)*100vw);
  }
}

@media screen and (min-width: 1040px) {
  .otherArea .slick-arrow {
    width: 28px;
    height: 28px;
  }
}

.otherArea .prev-arrow {
  left: calc(( 35 / 750 ) * 100vw);
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}

@media screen and (min-width: 768px), print {
  .otherArea .prev-arrow {
    left: calc(( 40 / 1040 ) * 100vw);
  }
}

.otherArea .prev-arrow:hover {
  cursor: pointer;
}

.otherArea .next-arrow {
  right: calc(( 35 / 750 ) * 100vw);
  z-index: 1;
  transform: translateY(-50%) translateX(50%);
  -webkit-transform: translateY(-50%) translateX(50%);
  -ms-transform: translateY(-50%) translateX(50%);
}

@media screen and (min-width: 768px), print {
  .otherArea .next-arrow {
    right: calc(( 40 / 1040 ) * 100vw);
  }
}

.otherArea .next-arrow:hover {
  cursor: pointer;
}

.footerArea .fixed_btn {
  display: none;
}

.fixed_btn.fresh {
  z-index: 10;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .fixed_btn.fresh {
    width: calc((65/1040)*100vw);
    height: calc((380/1040)*100vw);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    right: 0;
    top: 40%;
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.fresh {
    width: 65px;
    height: 380px;
  }
}

.fixed_btn.fresh p {
  margin: 0;
  width: 50%;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .fixed_btn.fresh p {
    width: 100%;
    height: calc((220/1040)*100vw);
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.fresh p {
    height: 220px;
  }
}

.fixed_btn.fresh p a {
  background-color: #EE7959;
  padding: calc((20/750)*100vw) 0 calc((20/750)*100vw) calc((20/750)*100vw);
  color: #fff;
  font-size: calc((24/750)*100vw);
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  letter-spacing: .3rem;
}

@media screen and (min-width: 768px), print {
  .fixed_btn.fresh p a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    line-height: 1;
    letter-spacing: .5rem;
    padding: 0;
    padding-top: calc((20/1040)*100vw);
    font-size: calc((14/1040)*100vw);
    border-radius: calc((10/1040)*100vw) 0 0 calc((10/1040)*100vw);
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.fresh p a {
    padding-top: 20px;
    font-size: 14px;
    border-radius: 10px 0 0 10px;
  }
}

.fixed_btn.fresh p a:before {
  content: '';
  display: inline-block;
  width: calc((36/750)*100vw);
  height: calc((36/750)*100vw);
  background-image: url(../img/common/arrow_circle_04.png);
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc((30/750)*100vw);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (min-width: 768px), print {
  .fixed_btn.fresh p a:before {
    width: calc((24/1040)*100vw);
    height: calc((24/1040)*100vw);
    top: calc((12/1040)*100vw);
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.fresh p a:before {
    width: 24px;
    height: 24px;
    top: 16px;
  }
}

@media screen and (max-width: 767px), print {
  .fixed_btn.fresh p:nth-child(1) a {
    border-right: calc((1/750)*100vw) #fff solid;
  }
}

@media screen and (min-width: 768px), print {
  .fixed_btn.fresh p:nth-child(2) a {
    top: 5%;
  }
}

.fixed_btn.part {
  z-index: 10;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px), print {
  .fixed_btn.part {
    width: calc((65/1040)*100vw);
    height: calc((240/1040)*100vw);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    right: 0;
    top: 40%;
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.part {
    width: 65px;
    height: 240px;
  }
}

.fixed_btn.part p {
  margin: 0;
  width: 50%;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .fixed_btn.part p {
    width: 100%;
    height: calc((200/1040)*100vw);
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.part p {
    height: 200px;
  }
}

.fixed_btn.part p a {
  padding: calc((20/750)*100vw) 0 calc((20/750)*100vw) calc((20/750)*100vw);
  color: #fff;
  font-size: calc((24/750)*100vw);
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  letter-spacing: .3rem;
}

@media screen and (min-width: 768px), print {
  .fixed_btn.part p a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    line-height: 1;
    letter-spacing: .5rem;
    padding: 0;
    padding-top: calc((20/1040)*100vw);
    font-size: calc((18/1040)*100vw);
    border-radius: calc((10/1040)*100vw) 0 0 calc((10/1040)*100vw);
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.part p a {
    font-size: 18px;
    border-radius: 10px 0 0 10px;
  }
}

.fixed_btn.part p:nth-child(1) a {
  background-color: #EE7959;
}

.fixed_btn.part p:nth-child(1) a:before {
  content: '';
  display: inline-block;
  width: calc((36/750)*100vw);
  height: calc((36/750)*100vw);
  background-image: url(../img/common/arrow_circle_04.png);
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc((86/750)*100vw);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (min-width: 768px), print {
  .fixed_btn.part p:nth-child(1) a:before {
    width: calc((36/1040)*100vw);
    height: calc((36/1040)*100vw);
    top: calc((20/1040)*100vw);
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.part p:nth-child(1) a:before {
    width: 36px;
    height: 36px;
    top: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .fixed_btn.part p:nth-child(2) {
    display: none;
  }
}

.fixed_btn.part p:nth-child(2) a {
  background-color: #2E457C;
}

.fixed_btn.part p:nth-child(2) a:before {
  content: '';
  display: inline-block;
  width: calc((31/750)*100vw);
  height: calc((24/750)*100vw);
  background-image: url(../img/common/icon_fixed_btn_02.png);
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc((60/750)*100vw);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (min-width: 768px), print {
  .fixed_btn.part p:nth-child(2) a:before {
    width: calc((24/1040)*100vw);
    height: calc((18/1040)*100vw);
    top: calc((28/1040)*100vw);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

@media screen and (min-width: 1040px) {
  .fixed_btn.part p:nth-child(2) a:before {
    width: 24px;
    height: 18px;
    top: 28px;
  }
}