/*------------------------------------------------------------
common
------------------------------------------------------------*/
body {
  font-family: 'Noto Sans JP', 'Century Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック体, YuGothic, "Yu Gothic Medium", 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
}

#recruit {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  background: #fff;
  position: relative;
}

#recruit * {
  box-sizing: border-box;
}

#recruit a {
  transition: opacity .3s;
}

#recruit a[href^="tel:"] {
  display: inline-block;
  transition: none;
}

#recruit a:hover {
  text-decoration: none;
}

#recruit a:focus-visible {
  outline: none;
}

#recruit img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#recruit .js-fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
}

#recruit .scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


#recruit .inner {
  /* width: calc(100% - 24px); */
  max-width: 1200px;
  margin: 0 auto;
}





#recruit {
  position: relative;
  /* font-family: "Noto Sans JP", sans-serif; */
}


#recruit .koulen {
  font-family: "Koulen", serif;
  font-style: normal;
}



/*main banner*/
/*====================================================*/
#recruit .mobi {
 display: none;
}
#recruit  .content-main {
  position: relative;
}

picture img {
  width: 100%;
  vertical-align: bottom;
}


#recruit .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#recruit .img-width {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
#recruit .banner-page {
  position: relative;
}



#recruit  .text-main {
  position: absolute;
  top: clamp(16px, 4vw, 72px);
  left:clamp(16px, 4vw, 60px);
  width: 53%;
  max-width: 875px;
}

#recruit  .text-main .item-title {
  font-size: clamp(16px, 1.75vw, 30px);
  color: #2C4198;
  font-weight: 700;
  width: calc(100% / 3 - 8px);
  padding: 18px 2px 18px;
  background: white;
  position: relative;
  text-align: center;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
}
#recruit  .text-main .item-title::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  width: 20px;
  height: 20px;
  background: white; /* Màu nền đồng bộ với hộp thoại */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Đổ bóng cho mũi tên */
  clip-path: polygon(0 0, 100% 0, 50% 100%); /* Tạo mũi tên dạng tam giác */
  
}
#recruit  .text-main .list-title {
  margin-bottom: clamp(16px, 4vw, 65px);
}
#recruit  .text-main .text-01 {
  font-size: clamp(16px, 3vw, 40px);
    color: #E73128;
    font-weight: 700;
    line-height: 53px;
    margin-bottom: 10px;
    text-shadow: 1px 2px 8px #FFFFFF;
    position: relative;
    display: inline-block;
}
#recruit  .text-main .big {
  font-size: clamp(16px, 3vw, 52px);
  color: #E73128;
  font-weight: 700;
  margin-left: 0px;
  position: absolute;
  right: 40px;
  bottom: 1px;
}
#recruit  .text-main .text-02 {
  font-size: clamp(16px, 4vw, 70px);
  color: #2C4198;
  font-weight: 700;
  margin-left: -5px;
  letter-spacing: -3px;
  margin-bottom: -13px;
  text-shadow: 1px 2px 8px #FFFFFF;
}

#recruit  .text-main .samll {
  font-size: clamp(16px, 3vw, 50px);
  color: #2C4198;
  font-weight: 700;
  letter-spacing: -1px;
}
#recruit  .text-main .text-03 {
  font-size: clamp(16px, 4vw, 70px);
  color: #162566;
  font-weight: 700;
  letter-spacing: 0px;
  margin-left: -2px;
  margin-bottom: -5px;
  text-shadow: 1px 2px 8px #FFFFFF;
}

#recruit  .text-main .samll.two {
  color: #162566;
  margin: 0px -5px;
}
#recruit  .text-main .text-04 {
  font-size: clamp(16px, 4vw, 70px);
  color: #2C4198;
  font-weight: 700;
  margin-left: -14px;
  letter-spacing: -3px;
  margin-bottom: clamp(16px, 4vw, 61px);
  text-shadow: 1px 2px 8px #FFFFFF;
  position: relative;
  display: inline-block;
  padding-left: 7px;
}
#recruit .list-button .link-search{
  width: calc(50% - 15px);
  background: #2C4198;
  border-radius: 40px;
  padding: 18px 0px 18px 37px;
  color: white;
  text-align: center;
  font-size: clamp(16px, 1.75vw, 30px);
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  border: none;
  font-weight: 700;
  text-decoration: none;
}
#recruit .list-button .link-entry{
  width: calc(50% - 15px);
  font-size: clamp(16px, 1.75vw, 30px);
  cursor: pointer;
  background: #E73128;
  border-radius: 40px;
  padding: 18px 0px 18px 99px;
  border: none;
  position: relative;
  font-weight: 700;
  color: white;
  text-decoration: none;
  transition: 0.5s;
}
#recruit .list-button .link-search::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon-search.svg);
  width: 26px;
  height: 26px;
  left: clamp(16px, 1.75vw, 35px);
  top: clamp(16px, 1.75vw, 27px);
}

#recruit .list-button .link-search:hover {
  background: #E8F3F9;
  border: 1px solid #2C4198;
  color: #2C4198;
}
#recruit .list-button .link-search:hover::after{
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon-search_hover.svg);
  width: 26px;
  height: 26px;
}


#recruit .list-button .link-entry::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon_entry.svg);
  width: 32px;
  height: 30px;
  left: clamp(16px, 3vw, 59px);
  top: clamp(16px, 1.75vw, 25px);
}

#recruit .list-button .link-entry:hover {
  background: #FDEAE9;
  border: 1px solid #E73128;
  color: #E73128;
}
#recruit .list-button .link-entry:hover::after{
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon_entry_hover.svg);
  width: 32px;
  height: 30px;
}
#recruit .text-main .big.two {
  font-size: clamp(16px, 5vw, 82px);
  color: #2C4198;
  font-weight: 700;
  margin-left: 0px;
  right: -52px;
  bottom: -10px;
}

@media (max-width: 1800px) {
  #recruit .text-main .list-title {
      margin-bottom: clamp(16px, 2vw, 40px);
  }
  #recruit .text-main .text-04 {
      font-size: clamp(16px, 3vw, 60px);
      margin-bottom: clamp(16px, 4vw, 33px);
  }
  #recruit .text-main .text-01 {
      font-size: clamp(16px, 2vw, 40px);
      line-height: 37px;
      margin-bottom: 10px;
  }
  #recruit .text-main .text-02 {
      font-size: clamp(16px, 3vw, 55px);
      margin-bottom: -8px;
      letter-spacing: 0px;
  }
  #recruit .text-main .samll {
      font-size: clamp(16px, 3vw, 30px);
      color: #2C4198;
      font-weight: 700;
      margin: 0px -3px;
  }

    #recruit .text-main .samll.two {
      margin: 0px -2px;
    }
  #recruit .text-main .text-03 {
    font-size: clamp(16px, 3vw, 60px);
    margin-bottom: -12px;
    margin-left: -2px;
    letter-spacing: 2px;
  }
  #recruit .text-main .big.two {
    font-size: clamp(16px, 3.5vw, 67px);
    margin-left: 0px;
    right: clamp(-40px, 3.5vw, -40px);
    bottom: -5px;
  }
  #recruit .text-main .big {
    font-size: clamp(16px, 2.5vw, 43px);
    right: clamp(16px, 2vw, 35px);
    bottom: 1px;
   }
} 

@media (max-width: 1300px) {
  #recruit .text-main .item-title {
    font-size: 14px;
    width: calc(100% / 3 - 8px);
    padding: 9px 2px 9px;
    font-size: 18px;
  }
  #recruit .text-main .text-01 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  #recruit .text-main .text-02 {
    font-size: 42px;
    margin-bottom: -5px;
  }
  #recruit .text-main .samll {
    font-size: 32px;
    margin: 0px 0px;
  }

  #recruit .text-main .samll.two {
    color: #162566;
    margin: 0px 0px;
  }
  #recruit .text-main .text-03 {
    font-size: 41px;
    margin-bottom: -5px;
    margin-left: -2px;
  }
  #recruit .text-main .text-04 {
    font-size: 41px;
    margin-bottom: 35px;
  }

  #recruit .text-main {
    width: 45%;
  }
  #recruit .text-main .item-title::after {
    transform: scale(0.7);
    bottom: -16px;
    left: 46%;
  }
  #recruit .list-button .link-search {
    width: calc(50% - 10px);
    border-radius: 40px;
    padding: 13px 0px 13px 30px;
    color: white;
    text-align: center;
    font-size: 16px;

    font-weight: 700;
    text-decoration: none;
  }
  #recruit .list-button .link-entry {
    width: calc(50% - 10px);
    font-size: 16px;
    border-radius: 40px;
    padding: 13px 0px 13px 70px;
    font-weight: 700;
    color: white;
    transition: 0.5s;
  }
  #recruit .list-button .link-search::after {
    left: 28px;
    top: 13px;
    transform: scale(0.7);
  }
  #recruit .list-button .link-entry::after {
    left: 28px;
    top: 9px;
    transform: scale(0.7);
  }
  #recruit .text-main .list-title {
    margin-bottom: 45px;
  }
  #recruit .text-main .big.two {
    font-size: 46px;
    right: clamp(-33px, 3.5vw, -40px);
    bottom: -4px;
  }
}

/*content-main*/
/*====================================================*/


#recruit .box-title {
  background: #2C4198;
  padding-top: clamp(16px, 5.5vw, 90px);
  padding-bottom: clamp(16px, 5.5vw, 55px);
  margin-bottom: 83px;
  position: relative;
  z-index: 1;
  /* min-height: 318px; */
}
#recruit .box-title::after {
  content: "";
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  width: 110px;
  height: 59px;
  background: #2C4198;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -99;
}
#recruit .box-title .title-page {
  max-width: clamp(16px, 60vw, 850px);
  margin: auto;
  text-align: center;
  color: white;
  font-weight: 700;
  line-height: clamp(16px, 5vw, 67px);
  position: relative;
  font-size: clamp(16px, 3vw, 48px);
  margin-bottom: 27px;
  z-index: 1;
  
}
#recruit .box-title .title-page::before {
  position: absolute;
  content: "Career move";
  font-family: "Koulen", serif;
  color: rgba(255, 255, 255, 0.2);
  font-size: clamp(16px, 10vw, 150px);
  left: -39.5%;
  top: 36px;
  transform: rotate(-9deg);
  font-weight: 400;
}
#recruit .box-title .line {
  width: 464px;
  height: 12px;
  margin: auto;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  z-index: 1;
}
#recruit .box-title .line::after {
  position: absolute;
  content: "";
  background: #893960;
  width: 116px;
  left: 0px;
  top:0px;
  height: 12px;
}
#recruit .box-title .line::before {
  position: absolute;
  content: "";
  background: #893960;
  width: 116px;
  left: 232px;
  top:0px;
  height: 12px;
}




/* <!-- Career move--> */

#recruit .box-career {
  background: #E8F3F9;
  padding-bottom: clamp(16px, 6vw, 90px);
}
#recruit .box-career .box-content {
  padding: 50px 0px 50px;
}

#recruit .box-career picture {
  display: block;
  width: 37.5%;
}

#recruit .box-career .list-point {
  display: block;
  width: 62.5%;
  padding-left: 70px;
  padding-top: 3px;
}
#recruit .box-career .list-point .item-point {
  font-size: clamp(16px, 1.7vw, 24px);
  color: #2C4198;
  font-weight: 700;
  margin-bottom: 22px;
  position: relative;
}
#recruit .box-career .list-point .item-point::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/check.svg);
  width: 30px;
  height: 30px;
  left: -42px;
  top: 2px;
}

/* <!--box-point-> */

#recruit .box-point {
  padding-bottom: clamp(16px, 6vw, 82px);
}

#recruit .box-point picture {
  display: block;
  width: 49.5%;
}

#recruit .box-point .dl-point {
  width: 50.5%;
  padding: 50px 28px 20px 28px;
  background: white;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
}
#recruit .box-point .dl-point .dt-point {
  font-size: clamp(16px, 2vw, 36px);
  font-weight: 700;
  color: #2C4198;
  border-bottom: 4px solid #2C4198;
  margin-bottom: 10px;
  line-height: clamp(16px, 3vw, 46px);
  padding-bottom: 10px;
}
#recruit .box-point .dl-point .dd-point {
  font-size: clamp(16px, 1.2vw, 16px);
  font-weight: 400;
  line-height: 28px;
  color: #2C4198;
}




#recruit .box-point .item-sakaki {
  position: relative;
  margin-bottom:clamp(16px, 6vw, 69px);
}

#recruit .box-point .item-sakaki .number-point {
  position: absolute;
  top: 30px;
  left: -14px;
  display: flex;
  align-items: center;
}
#recruit .box-point .item-sakaki img {
  height: 100%;
  object-fit: cover;
}



#recruit .box-point .item-sakaki .text {
  position: relative;
  background: #E73128;
  /* text-align: center; */
  height: 40px;
  font-size: 24px;
  color: white;
  font-weight: 700;
  width: 126px;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);
  padding-left: 16px;
  margin-bottom: 0px;
}

#recruit .box-point .item-sakaki .number {
  position: relative;
  background: #E73128;
  text-align: center;
  height: 40px;
  font-size: 40px;
  color: white;
  font-weight: 700;
  width: 73px;
  height: 73px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -33px;
}
#recruit .box-point .item-sakaki .number::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon_number.svg);
  width: 21px;
  height: 16px;
  right: 15px;
  top: 5px;
}
/* border-image: url(../images/lp/lp/border2x_sp.png) 89 0 / 84px 0px / 0rem round; */
#recruit .box-point  .box-title {
  margin-bottom: 133px;
}
#recruit .content-main .box-point .inner {
  padding-left: 40px;
}



/* <!--box-job-> */
#recruit .box-job {
  padding-bottom: clamp(16px, 7vw, 133px);
}

#recruit .box-job .box-title {
  margin-bottom: 128px;
}
#recruit .content-main .box-job .inner {
  padding: 0px 29px
}
#recruit .box-job .item-job {
  padding: 32px 35px 40px 33px;
  border: 6px solid #eaecf5;
  width: calc(50% - 10px);
  margin-bottom: 25px;
}

#recruit .box-job .dl-job {
  padding: 17px 9px 0px 9px;
  background: white;
}
#recruit .box-job .dl-job .dt-job {
  font-size: clamp(16px, 2vw, 32px);
  font-weight: 700;
  color: #2C4198;
  border-bottom: 4px solid #2C4198;
  margin-bottom: 10px;
  line-height: 46px;
  padding-bottom: 5px;
}
#recruit .box-job .dl-job .dd-job {
  font-size: clamp(16px, 1.2vw, 16px);
  font-weight: 400;
  line-height: 28px;
  color: #2C4198;
}






/* <!--box-work-> */
#recruit .box-work {
  padding-bottom: clamp(16px, 7vw, 125px);
}

#recruit .box-work .box-title {
  margin-bottom: 123px;
}

#recruit .box-work .item-work {
  width: 50%;
  margin-bottom: 25px;
}

#recruit .box-work .dl-work {
  padding: 20px 20px 30px 20px;
  background: #152565;
}
#recruit .box-work .dl-work.two {
  background: #2C4198;
}





#recruit .box-work .dl-work .small-work {
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 700;
  padding-left: 20px;
}
#recruit .box-work .dl-work .dt-work {
  font-size: clamp(16px, 2vw, 30px);
  font-weight: 700;
  color: white;
  margin-bottom: 10px;
  padding-left: 10px;
}
#recruit .box-work .dl-work .dd-work {
  font-size: clamp(16px, 1.2vw, 16px);
  font-weight: 700;
  line-height: 28px;
  color: #2C4198;
  background: white;
  padding: 20px 20px 24px 20px;
  min-height: 156px;
}




/* <!--box-features-> */
#recruit .box-features {
  padding-bottom: clamp(16px, 10vw, 182px);
}

#recruit .box-features .box-title {
  margin-bottom: 145px;
}

/* #recruit .box-features picture {
  display: block;
  width: 32%;
} */
#recruit .box-features .dl-features {
  width: 60%;
  padding-top: 32px;
}
#recruit .box-features .list-features {
  padding: 0px 55px 0px 50px;
}

#recruit .box-features .dl-features .dt-features {
  font-size: clamp(16px, 2vw, 30px);
  font-weight: 700;
  color: #2C4198;
  margin-bottom: 14px;
  line-height: 36px;
  padding-bottom: 10px;
}


#recruit .box-features .dl-features .number-samll {
  font-size: 36px;
}
#recruit .box-features .dl-features .dd-features {
  font-size: clamp(16px, 1.2vw, 16px);
  font-weight: 500;
  line-height: 28px;
  color: #2C4198;
}

#recruit .box-features .item-features {
  margin-bottom:clamp(16px, 6vw, 87px);
}

#recruit .box-features .item-features.last {
  margin-bottom: 0px;
}





#recruit .box-features .last-box {
  display: block;
  width: 32.65%;
  position: relative;
}
#recruit .box-features .last-box .text-arrow {
  position: absolute;
  left: 0px;
  bottom: 27px;
  width: 330px;
  height: 80px;
  background-image: url(../images/lp/bg_arrow_sp.png);
  font-size: 24px;
  color: white;
  font-weight: 700;
  padding-top: 7px;
  padding-left: 10px;
}
#recruit .box-features .last-box .text-arrow .es-chance {
  font-size: 40px;
}
#recruit .box-features .last-box .text-arrow .es-chance02 {
  font-size: 40px;
  display: inline-block;
  margin-left: -10px;
}

#recruit .box-features .dl-features.last {
  display: block;
  width: 67.35%;
  background: white;
  padding: 52px 40px 25px 40px;
}
#recruit .box-features .box-last {
  background: rgba(231, 49, 40, 0.1);
  padding: 49px 49px 49px 49px;
  margin-top: -25px;
}


#recruit .box-features .dl-features .dt-main::before,
#recruit .box-features .dl-features .dt-main::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(to right, #1E3A8A, #1E3A8A 10px, transparent 10px, transparent 20px);
} 

#recruit .box-features .dl-features .dt-main::before {
  top: -5px;
}

#recruit .box-features .dl-features .dt-main::after {
  bottom: -5px;
} 

#recruit .box-features .dl-features .dt-main {
  display: inline-block;
  padding: 0px 20px;
  position: relative;
  font-weight: bold;
  color: #1E3A8A;
  font-size: 25px;
  width: 193px;
  margin-bottom: 37px;
  font-family: "futura-pt", sans-serif;
}
#recruit .box-features .dl-features.two {
  padding-top: 60px;
}

/* <!--box-voice */
#recruit .box-voice {
  padding-bottom: clamp(16px, 8vw, 149px);
}
#recruit .box-voice .box-title {
  margin-bottom: 123px;
}
#recruit .box-voice .list-voice {
  margin-bottom: 50px;
}
#recruit .box-voice .item-voice {
  width: calc(100%/3 - 20px);
  padding: 6px 6px 0px 6px;
  background: #2C4198;
}
#recruit .box-voice .dl-top {
  background: white;
  min-height: 385px;
  position: relative;
  padding: 30px 15px 0px 15px;
}
#recruit .box-voice .dl-top::after {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  width: 50px;
  height: 25px;
  background: #2C4198;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;

}
#recruit .box-voice .dt-top {
  font-size: 24px;
  color: #2C4198;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

#recruit .box-voice .dt-top02 {
  font-size: 24px;
  color: #2C4198;
  font-weight: 700;
  margin-top: 20px;
  width: 140px;
  height: 62px;
  border-radius: 40px;
  line-height: 62px;
  text-align: center;
  margin: auto;
  background: #EAECF4;
  margin-bottom: 20px;
}
#recruit .box-voice .dd-top {
  font-size: 16px;
  line-height: 28px;
  color: #2C4198;
  font-weight: 400;
}
#recruit .box-voice .dl-bottom {
  padding: 5px 10px 0px 10px;
  min-height: 385px;
  background: #2C4198;
}
#recruit .box-voice .dt-bottom  {
  font-size: 24px;
  color: #2C4198;
  font-weight: 700;
  margin-top: 20px;
  width: 140px;
  height: 62px;
  border-radius: 40px;
  line-height: 62px;
  text-align: center;
  margin: auto;
  background: white;
  margin-bottom: 20px;
}
#recruit .box-voice .dd-bottom  {
  font-size: 18px;
  line-height: 32px;
  color: white;
  font-weight: 700;
}

#recruit .box-voice .dl-bottom {
  padding: 28px 20px 0px 20px;
  min-height: 430px;
}

#recruit .box-voice .item-voice-last {
  border: 6px solid #EAECF4;
  padding: 40px 0px 40px
}

#recruit .box-voice .inner-voice {
  max-width: 980px;
  margin: auto;
  padding-left: 27px;
}

#recruit .box-voice .inner-voice .last-box {
  display: block;
  width: 180px
}

#recruit .box-voice .inner-voice .dl-voice {
  display: block;
  width: calc(100% - 180px);
  padding-left: 70px;
  padding-top: 10px;
}


#recruit .box-voice .inner-voice .dt-voice {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 700;
  color: #2C4198;
  border-bottom: 2px solid #2C4198;
  margin-bottom: 10px;
  line-height: 46px;
  padding-bottom: 7px;
}
#recruit .box-voice .inner-voice .dd-voice{
  font-size: clamp(16px, 1.2vw, 16px);
  font-weight: 400;
  line-height: 28px;
  color: #2C4198;
}

/* <!--box-flow */
#recruit .box-flow {
  padding-bottom: clamp(16px, 6vw, 100px);
}

#recruit .box-flow .box-title {
  margin-bottom: 130px;
}
#recruit .box-flow  .list-flow {
  margin-bottom: 50px;
}
#recruit .box-flow  .item-flow {
  width: calc(100% / 4 - 38px);
  padding: 13px 18px 0px 18px;
  background: #2C4198;
  min-height: 520px;
  position: relative;
}

#recruit .box-flow  .item-flow::after {
  content: "";
  position: absolute;
  bottom: 25px;
  right: -73px;
  transform: translateX(-50%) rotate(270deg);
  width: 50px;
  height: 25px;
  background: #2C4198;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;
  top: 48%;
}
#recruit .box-flow .item-flow:nth-child(4)::after {
  display: none;
}
#recruit .box-flow  .dl-flow {
  position: relative;
  text-align: center;
  margin-bottom: 23px;
}
#recruit .box-flow .number-flow {
  font-size: 36px;
  margin-left: 3px;
}

#recruit .box-flow .dl-flow::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  width: 100px;
  height: 2px;
  background: white;
  z-index: 1;
}
#recruit .box-flow  .dt-flow {
  font-size: 18px;
  color: white;
  font-weight: 700;
  margin-bottom: -10px;
  display: inline-block;
  position: relative;
  padding: 0px 0px 0px 30px;
}
#recruit .box-flow  .dt-flow::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon_number02.svg);
  width: 20px;
  height: 20px;
  left: 6px;
  top: 25px;
}
#recruit .box-flow  .dd-flow {
  font-size: 24px;
  color: white;
  font-weight: 700;
  margin-bottom: 5px;
}

#recruit .box-flow  .text-flow {
  font-size: 18px;
  line-height: 32px;
  color: white;
  font-weight: 700;
  margin-top: 8px;
}





/* <!--box-question */
#recruit .box-question {
  background: #2C4198;
  padding-bottom: clamp(16px, 10vw, 125px)
}


#recruit .box-question .box-title {
  padding-top: clamp(16px, 7vw, 125px);
  padding-bottom: 8px;
}

#recruit .box-question .box-title .title-page {
  line-height: clamp(16px, 5vw, 78px);
  font-size: clamp(16px, 3vw, 48px);
  margin-bottom: 27px;
}

#recruit .box-title .title-page.two::before {
  content: "Point";
  left: -14.5%;
  top: 38px;
}

#recruit .box-title .title-page.three::before {
  content: "Our job";
  left: -12.5%;
  top: 38px;
}

#recruit .box-title .title-page.four::before {
  content: "Work Style";
  left: -34.5%;
  top: 38px;
}

#recruit .box-title .title-page.five::before {
  content: "Features";
  left: -9.5%;
  top: 38px;
}

#recruit .box-title .title-page.six::before {
  content: "Staff voice";
  left: -34.5%;
  top: 38px;
}

#recruit .box-title .title-page.sever::before {
  content: "FLOW";
  left: -13.5%;
  top: 0px;
}

#recruit .box-title .title-page.egg::before {
  content: "Question";
  left: -31.5%;
  top: 12px;
}
#recruit .box-title .title-page.nine::before {
  content: "Recruit";
  left: -31.5%;
  top: 12px;
  z-index: -99;
}
#recruit .box-title .title-page.three {
  max-width: clamp(16px, 63vw, 1005px);
}
#recruit .box-title .title-page.five {
  max-width: clamp(16px, 70vw, 1100px);
}
#recruit .box-title .title-page.sever {
  margin-bottom: 56px;
}

#recruit .box-title.sever {
  padding-top: clamp(16px, 47vw, 127px);
  padding-bottom: clamp(16px, 5.5vw, 55px);
}


#recruit .content-main .inner  {
  max-width: 1240px;
  margin: auto;
  position: relative;
  padding: 0px 20px;

}



/*#faq*/
/*====================================================*/

#recruit .content-main .box-question .item{
  position: relative;
  margin-bottom: 51px;
}

#recruit .content-main .box-question .heading-toggle {
  position: relative;
  padding: 25px 20px 33px 105px;
  background: #E8F3F9;
  font-size: 24px;
  color: #2C4198;
  cursor: pointer;
}
#recruit .content-main .box-question .heading-toggle::after {
  content: '';
  position: absolute;
  background-image: url(../images/lp/open.svg);
  width: 26px;
  height: 27px;
  top: calc(50% - 13.5px);
  right: 32px;
}
#recruit .content-main .box-question .heading-toggle.open::after {
  background-image: url(../images/lp/close.svg);
  height: 5px;
  top: calc(50% - 2.5px);
}
#recruit .content-main .box-question .heading-toggle::before {
  content: 'Q1';
  position: absolute;
  top: 15px;
  left: 30px;
  font-size: 36px;
}
#recruit .content-main .box-question .item:nth-child(2) .heading-toggle:before {
  content: 'Q2';
}
#recruit .content-main .box-question .item:nth-child(3) .heading-toggle:before {
  content: 'Q3';
}
#recruit .content-main .box-question .item:nth-child(4) .heading-toggle:before {
  content: 'Q4';
}
#recruit .content-main .box-question .item:nth-child(5) .heading-toggle:before {
  content: 'Q5';
}
#recruit .content-main .box-question .content-toggle {
  background: white;
  padding: 30px 65px 30px 50px;
  position: relative;
   display: none; 
   font-weight: 400;
}

#recruit .content-main .box-question .text-toggle {
  font-size: 18px;
  line-height: 28px;
  color: #2C4198;
}
#recruit .content-main .box-question .text-toggle .line {
  text-decoration: underline;
  color: #2C4198;
}



#recruit .content-main .box-question .item .text-toggle::after {
  content: '';
  position: absolute;
}


#recruit .content-main .box-question .img-toggle-top {
  margin-bottom: 10px;
}
#recruit .content-main .box-question .img-toggle-top img{
  padding-left: 20%;
}
#recruit .content-main .box-question .img-toggle-down img{
  padding-right: 35%;
}




/*====box-Recruit================================================*/

#recruit .box-recruit {
  background-image: url(../images/lp/recruit_pic_19_pc.png);
  background-size: cover;
  background-position: center;
  z-index: 99;
  padding-bottom: clamp(16px, 7vw, 117px);
}

#recruit .box-recruit .box-title {
  background: none;
  padding-top: clamp(16px, 7vw, 115px);
  padding-bottom: clamp(16px, 5.5vw, 55px);
  margin-bottom: 40px;
}
#recruit .box-recruit  .box-title .title-page {
  color: #2C4198;
  line-height: clamp(16px, 5vw, 85px);
  margin-bottom: 28px;
}
#recruit .box-recruit .box-title::after {
  display: none;
}
#recruit .box-recruit .box-title .line {
  background: rgba(44, 65, 152, 0.3);
}
#recruit .box-recruit .box-title .line::after {
  background: rgba(231, 49, 40, 0.5);
}
#recruit .box-recruit .box-title .line::before {
  background: rgba(231, 49, 40, 0.5);
}



#recruit .list-recruit .link-search02{
  background: #2C4198;
  border-radius: 40px;
  padding: 18px 0px 18px 37px;
  color: white;
  text-align: center;
  font-size: clamp(16px, 1.75vw, 30px);
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  border: none;
  font-weight: 700;
  display: block;
  max-width: 418px;
  margin: auto;
  text-decoration: none;
  border: 1px solid #2C4198;
}

#recruit .list-recruit .link-entry02{
  font-size: clamp(16px, 1.75vw, 30px);
  cursor: pointer;
  background: #E73128;
  border-radius: 40px;
  padding: 18px 0px 18px 99px;
  border: none;
  position: relative;
  font-weight: 700;
  color: white;
  display: block;
  max-width: 418px;
  margin: auto;
  text-decoration: none;
  border: 1px solid #E73128;
  transition: 0.5s;
}
#recruit .list-recruit .link-search02::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon-search.svg);
  width: 26px;
  height: 26px;
  left: clamp(16px, 1.75vw, 35px);
  top: clamp(16px, 1.75vw, 27px);
}

#recruit .list-recruit .link-search02:hover {
  background: #E8F3F9;
  border: 1px solid #2C4198;
  color: #2C4198;
}
#recruit .list-recruit .link-search02:hover::after{
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon-search_hover.svg);
  width: 26px;
  height: 26px;
}


#recruit .list-recruit  .link-entry02::after {
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon_entry.svg);
  width: 32px;
  height: 30px;
  left: clamp(16px, 3vw, 59px);
  top: clamp(16px, 1.75vw, 25px);
}

#recruit .list-recruit  .link-entry02:hover {
  background: #FDEAE9;
  border: 1px solid #E73128;
  color: #E73128;
}
#recruit .list-recruit .link-entry02:hover::after{
  position: absolute;
  content: "";
  background-image: url(../images/lp/icon_entry_hover.svg);
  width: 32px;
  height: 30px;
}









#recruit .list-recruit .item-recruit {
  background: rgba(255, 255, 255, 0.9);
  padding: 50px 15px 40px 15px;
  width: calc(50% - 10px);
}
#recruit .list-recruit .dl-recruit {
  text-align: center;
  margin-bottom: 40px;
}
#recruit .list-recruit .dt-recruit {
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 13px;
  color: #2C4198;
  font-weight: 700;
}
#recruit .list-recruit .dd-recruit {
  font-size: 48px;
  color: #2C4198;
  font-weight: 700;
}

#recruit  .banner-page .list-button.mobi {
  display: none
}

/*footer*/
/*===================================================*/


@media (max-width: 1500px) {
  #recruit .box-title .title-page::before {
      left: -28.5%;
      top: 17px;
  }
  #recruit .box-features .dl-features .number-samll {
    font-size: 30px;
  }
  #recruit .list-recruit .link-search02 {
    max-width: 340px;
  }
  #recruit .list-recruit .link-entry02 {
    max-width: 340px;
  }
}



#recruit .sp-br {
  display: none;
}
#recruit .pc-br {
  display: block;
}




@media (max-width: 767px) {

  #recruit .mobi {
      display: block;
  }
  #recruit .destop {
      display: none;
  }
    
  #recruit .sp-br {
      display: block;
  }
  #recruit .pc-br {
      display: none;
  }


  #recruit .box-career picture,
  #recruit .box-point picture,
  #recruit .box-point .dl-point,
  #recruit .box-job .item-job,
  #recruit .box-work .item-work,
  #recruit .box-features .dl-features,
  #recruit .box-features picture,
  #recruit .box-features .last-box,
  #recruit .box-features .dl-features.last,
  #recruit .box-voice .item-voice,
  #recruit .box-voice .inner-voice .last-box,
  #recruit .box-voice .inner-voice .dl-voice,
  #recruit .box-flow .item-flow,
  #recruit .list-recruit .item-recruit {
      width: 100%;
  }
  #recruit .box-career .list-point {
      width: 100%;
  }

  #recruit .text-main {
      position: absolute;
      top: 15px;
      left: 50%;
      width: 94%;
      max-width: 875px;
      transform: translateX(-50%);
  }
  #recruit .text-main .item-title {
      font-size:  clamp(8px, 3.5vw, 13px);
      width: calc(100% / 3 - 4px);
      padding: 5px 2px 5px;
  }

  #recruit .list-button .link-search {
      width: calc(50% - 5px);
      border-radius: 40px;
      padding: 10px 0px 10px 20px;
      font-size: clamp(10px, 5vw, 13px);
  }
  #recruit .list-button .link-entry {
      width: calc(50% - 5px);
      border-radius: 40px;
      padding: 10px 0px 10px 37px;
      font-size: clamp(10px, 5vw, 13px);
  }
  #recruit .text-main .item-title::after {
      bottom: -10px;
      transform: translateX(-50%) rotate(0deg);
      width: 10px;
      height: 10px;

  }
  #recruit .text-main .text-01 {
      font-size: clamp(12px, 5vw, 17px);
      line-height: 19px;
      margin-bottom: 4px;
      padding-left: 8px;
      letter-spacing: 0px;
      margin-top: 0px;
      text-shadow: 1px 2px 8px #FFFFFF;
  }
  #recruit .text-main .list-title {
      margin-bottom: clamp(10px, 5vw, 13px);
  }
  #recruit .text-main .text-02 {
      font-size: clamp(12px, 8vw, 29px);
      margin-bottom: -3px;
      padding-left: 10px;
      letter-spacing: 1px;
      text-shadow: 1px 2px 8px #FFFFFF;
  }
  #recruit .text-main .samll {
      font-size: clamp(12px, 5vw, 18px);
      margin-left: -2px;
  }
  #recruit .text-main .samll.two{
    font-size: clamp(12px, 7vw, 18px);
    margin-left: -2px;
  }
  #recruit .text-main .text-03 {
      font-size: clamp(12px, 8vw, 29px);
      padding-left: 9px;
      letter-spacing: 2px;
      margin-bottom: -5px;
      text-shadow: 1px 2px 8px #FFFFFF;
  }
  #recruit .text-main .text-04 {
      font-size: clamp(12px, 8vw, 29px);
      padding-left: 19px;
      letter-spacing: 0px;
      text-shadow: 1px 2px 8px #FFFFFF;
  }


  #recruit  .banner-page .list-button.mobi {
      position: absolute;
      display: flex;
      width: 95%;
      left: 3.5%;
      bottom: 4.5%;
      margin: auto;
  }


  #recruit .list-button .link-search::after {
      transform: scale(0.5);
      top: 8px;
      left: 8px;
  }
  #recruit .list-button .link-entry::after {
      transform: scale(0.5);
      top: 5px;
      left: 9px;
  }

  #recruit .text-main .big {
    font-size: 18px;
    margin-left: 0px;
    right: 20px;
    bottom: -1px;
  }

  #recruit .text-main .big.two {
    font-size: 33px;
    margin-left: -4px;
    right: -22px;
    bottom: -4px;
  }



  #recruit .box-title {
      padding-top: 31px;
      padding-bottom: 21px;
      margin-bottom: 0px;
  }

  #recruit .box-title .title-page {
      max-width: 100%;
      FONT-SIZE: 17px;
      line-height: 22px;
      margin-bottom: 8px;
  }
  #recruit .box-title .title-page.three,
  #recruit .box-title .title-page.four,
  #recruit .box-title .title-page.five,
  #recruit .box-title .title-page.six,
  #recruit .box-title .title-page.sever,
  #recruit .box-title .title-page.egg,
  #recruit .box-title .title-page.nine
  {
      max-width: 100%;
  }








  #recruit .box-title .line {
      width: 160px;
      height: 6px;
  }
  #recruit .box-title .line::after {
      width: 40px;
      left: 0px;
      top: 0px;
      height: 6px;
  }
  #recruit .box-title .line::before {
      width: 40px;
      left: 80px;
      top: 0px;
      height: 6px;
  }
  #recruit .box-title::after {
      bottom: -15px;
      left: 50%;
      width: 30px;
      height: 18px;
  }

  #recruit .box-career .box-content {
      padding: 37px 0px 5px;
  }
  #recruit .content-main .inner {
      padding: 0px 12px;
  }
  /*................ .box-career ........................ */
  #recruit .box-title .title-page::before {
      left: 4.5%;
      top: 1px;
      letter-spacing: 1px;
  }
  #recruit .box-title .title-page.two::before {
      content: "Point";
      left: 19.5%;
      top: 2px;
  }
  #recruit .box-career .list-point .item-point {
      font-size: 13px;
      margin-bottom: 10px;
      line-height: 16px;
  }
  #recruit .box-career .list-point {
      width: 100%;
      padding-left: 23px;
      padding-top: 22px;
  }

  #recruit .box-career .list-point .item-point::after {
    left: -29px;
    top: -7px;
      transform: scale(0.5);
      width: 32px;
      height: 32px;
  }

  /*................ .box-point ........................ */
  #recruit .box-point .box-title {
      margin-bottom: 37px;
  }
  #recruit .content-main .box-point .inner {
      padding: 0px 12px;
  }

  #recruit .box-point .item-sakaki .text {
      height: 20px;
      font-size: 12px;
      width: 63px;
      clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);
      padding-left: 10px;
  }
  #recruit .box-point .item-sakaki .number {
      font-size: 20px;
      width: 36.5px;
      height: 36px;
      margin-left: -17px;
  }

  #recruit .box-point .item-sakaki .number-point {
      top: 16px;
      left: -8px;
  }
  #recruit .box-point .item-sakaki .number::after {
      right: 5px;
      top: -1px;
      transform: scale(0.5);
  }

  #recruit .box-point .dl-point {
      padding: 22px 5px 12px 14px;
      min-height: 160px;
  }
  #recruit .box-point .dl-point .dt-point {
      font-size: 16px;
      border-bottom: 2px solid #2C4198;
      margin-bottom: 2px;
      line-height: 25px;
      padding-bottom: 3px;
  }
  #recruit .box-point .dl-point .dd-point {
      font-size: 13px;
      line-height: 24px;
      padding: 0px 14px 0px 0px;
      text-align: justify;
  }
  #recruit .box-point .item-sakaki {
      position: relative;
      margin-bottom: 19px;
  }
  #recruit .box-point {
      padding-bottom: 18px;
  }

  /*.....box-job........................ */
  #recruit .box-job .box-title {
      margin-bottom: 36px;
  }
  #recruit .content-main .box-job .inner {
      padding: 0px 12px;
  }
  #recruit .box-job .item-job {
      padding: 18px 13px 20px 13px;
      border: 3px solid #eaecf5;
      margin-bottom: 20px;
  }
  #recruit .box-title .title-page.three::before {
      content: "Our job";
      left: 13.5%;
      top: 1px;
  }
  #recruit .box-job .dl-job {
      padding: 18px 0px 0px 0px;
      background: white;
      /* min-height: 347px; */
  }
  #recruit .box-job .dl-job .dt-job {
      font-size: clamp(16px, 2vw, 32px);
      font-weight: 700;
      color: #2C4198;
      border-bottom: 2px solid #2C4198;
      margin-bottom: 2px;
      line-height: 33px;
      padding-bottom: 0px;
  }

  #recruit .box-job .dl-job .dd-job {
      font-size: 13px;
      font-weight: 400;
      line-height: 24px;
      color: #2C4198;
      text-align: justify;
  }
  #recruit .box-job .item-job:nth-child(2) {
      padding: 18px 13px 43px 13px;
  }

  #recruit .box-job .item-job:nth-child(4) {
      padding: 18px 13px 43px 13px;
  }
  #recruit .box-job {
      padding-bottom: 15px;
  }


  /*........... box-work............. */
  #recruit .box-title .title-page.four::before {
      left: 6.5%;
      top: 0px;
  }
  #recruit .box-work .box-title {
      margin-bottom: 37px;
  }

  #recruit .box-work .dl-work .small-work {
      font-size: 13px;
      font-weight: 700;
      padding-left: 6px;
  }
  #recruit .box-work .dl-work .dt-work {
      font-size: 16px;
      font-weight: 700;
      color: white;
      margin-bottom: 6px;
      padding-left: 0px;
  }


  #recruit .box-work .dl-work .dd-work {
      font-size: 13px;
      line-height: 24px;
      padding: 13px 15px 15px 15px;
      min-height: auto;
  }


  #recruit .box-work .dl-work {
      padding: 15px 12px 26px 14px;
      background: #152565;
  }

  #recruit .box-work .item-work {
      margin-bottom: 18px;
  }

  #recruit .box-work {
      padding-bottom: 16px;
  }

  #recruit .box-title .title-page.five::before {
      content: "Features";
      left: 8.5%;
      top: 4px;
  }
  #recruit .box-title .title-page.egg::before {
    content: "Question";
    left: 12.5%;
    top: -1px;
  }

  /*.................. box-features...........  */

  #recruit .box-features .box-title {
      margin-bottom: 43px;
  }
  #recruit .box-features .list-features {
      padding: 0px 12px 0px 12px;
  }
  #recruit .box-features picture {
      order: 1;
      display: block;
      max-width: 64%;
      margin: auto;
      margin-bottom: 15px;
  }
  #recruit .box-features .dl-features {
      order: 2;
      padding-top: 13px;
  }

  #recruit .box-features .dl-features .dt-main::before,
   #recruit .box-features .dl-features .dt-main::after {
      left: 0;
      width: 98%;
      height: 2px;
      background: repeating-linear-gradient(to right, #1E3A8A, #1E3A8A 5px, transparent 5px, transparent 10px);
  }


  #recruit .box-features .dl-features .dt-main {
    padding: 0px 10px 3px;
    font-size: 13px;
    width: 100px;
    margin-bottom: 12px;
  }
  #recruit .box-features .dl-features .dt-main::after {
    bottom: 0px;
    height: 2px;
  }
  #recruit .box-features .dl-features .dt-features {
      font-size: 16px;
      margin-bottom: 4px;
      line-height: 23px;
      padding-bottom: 0px;
      letter-spacing: 1px;
  }

  #recruit .box-features .dl-features .dd-features {
      font-size: 13px;
      font-weight: 500;
      line-height: 24px;
      color: #2C4198;
      text-align: justify;
  }
  #recruit .box-features .item-features {
      margin-bottom: 31px;
  }

  #recruit .box-features .dl-features.two {
    padding-top: 19px;
  }

  #recruit .box-features .box-last {
      background: rgba(231, 49, 40, 0.1);
      padding: 25px 16px 35px 16px;
      margin-top: 0px;
      width: 100vw;
      margin-left: calc(-50vw + 50%);
  }

  #recruit .box-features .dl-features.last {
      display: block;
      background: white;
      padding: 17px 12px 10px 12px;
  }
  #recruit .box-features .dl-features .number-samll {
    font-size: 16px;
 }
  #recruit .box-features .item-features.last picture {
      max-width: 100%;
  }
  #recruit .box-features .item-features.last picture {
      margin-bottom: 24px;
  }
  #recruit .box-features .last-box .text-arrow {
    position: absolute;
    left: -6px;
    bottom: 27px;
    width: 143px;
    height: 51px;
    background-image: url(../images/lp/bg_arrow_pc.png);
    font-size: 13px;
    color: white;
    font-weight: 700;
    padding-top: 10px;
    padding-left: 4px;
  }
  #recruit .box-features .last-box .text-arrow .es-chance {
    font-size: 18px;
  }
  #recruit .box-features .last-box .text-arrow .es-chance02 {
    font-size: 18px;
    display: inline-block;
    margin-left: -5px;
  }

  #recruit .box-features .dl-features .dt-features.last {
      margin-bottom: 7px;
  }
  #recruit .box-title .title-page.six::before {
      content: "Staff voice";
      left: 6.5%;
      top: 0px;
  }
  #recruit .box-voice .box-title {
      margin-bottom: 37px;
  }

  #recruit .box-voice .dt-top {
      font-size: 16px;
      margin-bottom: 0px;
  }
  #recruit .box-voice .item-voice {
      padding: 4px 4px 0px 4px;
      background: #2C4198;
      margin-bottom: 20px;
  }
  #recruit .box-voice .dt-top02 {
      font-size: 13px;
      margin-top: 14px;
      width: 70px;
      height: 31px;
      border-radius: 30px;
      line-height: 31px;
      margin-bottom: 14px;
  }
  #recruit .box-voice .dd-top {
      font-size: 13px;
      line-height: 24px;
      color: #2C4198;
      font-weight: 400;
  }

  #recruit .box-voice .dl-top {
      padding: 18px 15px 20px 20px;
      min-height: 247px;
  }

  #recruit .box-voice .dl-top::after {
      bottom: 21px;
      left: 50%;
      width: 27px;
      height: 10px;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
  }

  #recruit .box-voice .dt-bottom {

      font-size: 13px;
      margin-top: 14px;
      width: 70px;
      height: 31px;
      border-radius: 30px;
      line-height: 31px;
      margin-bottom: 14px;
  }

  #recruit .box-voice .dd-bottom {
      font-size: 13px;
      line-height: 24px;
      text-align: justify;
  }
  #recruit .box-voice .dl-bottom {
      padding: 10px 20px 25px 20px;
      min-height: auto;
  }
  #recruit .box-voice .dl-top.two {
      min-height: 270px;
  }
  #recruit .box-voice .dl-top.three {
      min-height: 270px;
  }



  #recruit .box-voice .inner-voice .dl-voice {
      padding-left: 0px;
      padding-top: 9px;
  }



  #recruit .box-voice .inner-voice .last-box {
      max-width: 69%;
      margin: auto;
      margin-bottom: 15px;
  }
  #recruit .box-voice .inner-voice {
      padding-left: 0px;
      padding: 0px 21px 0px 20px;
  }

  #recruit .box-voice .inner-voice .dt-voice {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 3px;
      padding-bottom: 5px;
  }
  #recruit .box-voice .inner-voice .dd-voice {
      font-size: 13px;
      line-height: 24px;
      text-align: justify;
  }

  #recruit .box-voice .list-voice {
      margin-bottom: -3px;
  }

  #recruit .box-voice .item-voice-last {
      border: 3px solid #EAECF4;
      padding: 20px 0px 15px
  }

  #recruit .box-voice {
      padding-bottom: 35px;
  }


  #recruit .box-title .title-page.sever {
      margin-bottom: 17px;
  }
  #recruit .box-title.sever {
      padding-top: 43px;
      padding-bottom: 23px;   
  }

  #recruit .box-flow .box-title {
      margin-bottom: 38px;
  }

  #recruit .box-title .title-page.sever::before {
      content: "FLOW";
      left: 20.5%;
      top: -10px;
  }
  #recruit .box-flow .dt-flow {
      font-size: 13px;
      padding: 0px 0px 0px 45px;
  }
  #recruit .box-flow .number-flow {
      font-size: 20px;
  }
  #recruit .box-flow .dt-flow::after {
    left: 18px;
    top: 5px;
    bottom: -10px;
  }
  #recruit .box-flow .dl-flow {
      margin-bottom: 27px;
  }

  #recruit .box-flow .dd-flow {
      font-size: 15px;
      margin-bottom: 5px;
      padding-left: 20px;
  }


  #recruit .box-flow .text-flow {
      font-size: 13px;
      line-height: 20px;
      margin-top: 12px;
  }

  #recruit .box-flow .item-flow {
      padding: 16px 25px 20px 25px;
      min-height: auto;
      margin-bottom: 56px;
  }
  #recruit .box-flow .item-flow::after {
      bottom: -34px;
      right: -73px;
      transform: translateX(-50%) rotate(0deg);
      width: 25px;
      height: 10px;
      top: unset;
      left: 50%;
  }
  #recruit .box-flow .dl-flow::after {
      width: 50px;
      height: 1px;
      left: 54%;
      transform: translateX(-54%) rotate(0deg);
      bottom: -10px;
  }

  #recruit .box-flow .list-flow {
      margin-bottom: 0px;
  }

  #recruit .box-flow .item-flow:nth-child(4) {
      margin-bottom: 13px;
  }
  #recruit .content-main .box-question .heading-toggle::before {
      top: 10px;
      left: 15px;
      font-size: 16px;
  }

  #recruit .content-main .box-question .heading-toggle {
      padding: 13px 50px 16px 52px;
      font-size: 13px;
  }
  #recruit .content-main .box-question .text-toggle {
      font-size: 13px;
      line-height: 22px;
  }
  #recruit .list-recruit .dt-recruit {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  #recruit .list-recruit .dd-recruit {
    font-size: 20px;
    color: #2C4198;
    font-weight: 700;
    margin-bottom: -5px;
  }
  #recruit .list-recruit .dl-recruit {
      margin-bottom: 20px;
  }

  #recruit .list-recruit .item-recruit {
    padding: 12px 15px 20px 15px;
    margin-bottom: 25px;
  }
  #recruit .list-recruit .item-recruit.tw0 {
    padding: 20px 15px 20px 15px;
    margin-bottom: 25px;
  }
  #recruit .list-recruit .link-search02 {
    border-radius: 40px;
    padding: 9px 0px 9px 30px;
    max-width: 210px;
    font-size: 14px;
    letter-spacing: 1px;
  }
  #recruit .list-recruit .link-entry02 {
    border-radius: 50px;
    padding: 9px 0px 9px 50px;
    max-width: 210px;
  }
  #recruit .box-question .box-title::after {
      display: none;
  }
  #recruit .box-question .box-title {
      padding-top: 29px;
      padding-bottom: 8px;
      margin-bottom: 44px;
  }
  #recruit .box-question .box-title .title-page {
      line-height: 22px;
      font-size: 16px;
      margin-bottom: 9px;
  }

  #recruit .content-main .box-question .item {
      position: relative;
      margin-bottom: 15px;
  }

  #recruit .content-main .box-question .heading-toggle::after {
      top: calc(50% - 13.5px);
      right: 21px;
      transform: scale(0.5);
  }
  #recruit .box-question {
      background: #2C4198;
      padding-bottom: 19px;
  }

  #recruit .content-main .box-question .content-toggle {
      background: white;
      padding: 15px 60px 15px 30px;
      position: relative;
      display: none;
  }

  #recruit .content-main .box-question .heading-toggle.open::after {
      background-image: url(../images/lp/close.svg);
      height: 5px;
      top: calc(50% - 1.5px);
  }

  #recruit .list-recruit .link-search02::after {
    left: 19px;
    top: 7px;
      transform: scale(0.5);
  }
  #recruit .list-recruit .link-entry02::after {
    left: 19px;
    top: 6px;
    transform: scale(0.5);
  }

  #recruit .box-recruit .box-title {
    padding-top: clamp(16px, 7vw, 115px);
    padding-bottom: clamp(16px, 5.5vw, 55px);
    margin-bottom: 10px;
  }
  #recruit .box-recruit .box-title .title-page {
    line-height: clamp(16px, 6vw, 85px);
    margin-bottom: 10px;
    line-height: 22px;
  }

  #recruit .box-recruit {
    background-image: url(../images/lp/recruit_pic_19_sp.png);
    background-size: cover;
    background-position: center;
    z-index: 99;
    padding-bottom: clamp(16px, 6vw, 114px);
  }

  #recruit .box-title .title-page.nine::before {
    left: 6.5%;
    top: -2px;
  }

}



@media (max-width: 374px) {

  #recruit .list-button .link-search {
    width: calc(50% - 4px);
    padding: 10px 0px 10px 10px;
    font-size: 11px;
  } 
  #recruit .list-button .link-entry {
    width: calc(50% - 4px);
    padding: 10px 0px 10px 37px;
    font-size: 11px;
  }
  #recruit .list-button .link-search::after {
    transform: scale(0.5);
    top: 6px;
    left: 1px;
  }
  #recruit .text-main .text-03 {
    margin-bottom: -8px;
    padding-left: 7px;
    letter-spacing: 1px;
  }
  #recruit .list-button .link-entry::after {
    top: 2px;
    left: 9px;
  }
  #recruit .box-work .dl-work .dt-work {
    font-size: 14px;
  }
  #recruit .box-work .dl-work .small-work {
    font-size: 11px;
    font-weight: 700;
    padding-left: 3px;
 }
  #recruit .text-main .text-02 {
    margin-bottom: -6px;
    padding-left: 9px;

  }
  #recruit .text-main .text-04 {
    padding-left: 17px;
  }
  #recruit .text-main .text-01 {
    margin-bottom: 0px;
    line-height: 18px;
  }
  #recruit .text-main .big {
    font-size: 19px;
    margin-left: 0px;
    right: 18px;
    bottom: 0px;
  }
  #recruit .text-main .big.two {
    font-size: 30px;
  }
}