div#contents_main #contents_section #recruit-page {
   margin-top: 1em;
   padding-top: 0.5em;
   padding-bottom: 2em;
   background: #dfeffd
}

div#contents_main #recruit-page .fv {
   position: relative;
   z-index: 2;
   margin-top: -0.5em;
}

div#contents_main #recruit-page .fv img {
   max-width: none !important;
}

@media screen and (min-width: 768px) {
   div#contents_main #recruit-page .fv {
      height: 580px
   }
}

@media screen and (min-width: 1024px) {
   div#contents_main #recruit-page .fv {
      /* height: 65vh; */
      height: 70vh;
   }
}

div#contents_main #recruit-page .fv__bg {
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% top;
   object-position: 50% top
}

div#contents_main #recruit-page .fv__text {
   position: absolute;
   /* top: auto; */
   bottom: 2%;
   left: 50%;
   transform: translate(-50%, 0);
   /* padding: 10px 10px 0 10px; */
   width: 100%;
   text-align: center;
   color: #fff;
   font-size: 1.8rem;
   font-weight: 500;
   letter-spacing: .5rem;
   line-height: 1.5;
}

div#contents_main #recruit-page .fv__text .fv__text-test {
   top: auto;
   bottom: 2%;
   left: 50%;
   transform: translate(-50%, 0);
}

@media screen and (min-width: 600px) {
   div#contents_main #recruit-page .fv__text {
      font-size: 3.5rem;
   }
}

@media screen and (min-width: 768px) {
   div#contents_main #recruit-page .fv__text {
      font-size: 5rem;
   }
}

@media screen and (min-width: 1024px) {
   div#contents_main #recruit-page .fv__text {
      font-size: 5rem;
      line-height: 1.25;
   }
}

@media screen and (min-width: 1460px) {
   div#contents_main #recruit-page .fv__text {
      font-size: 6rem;
      letter-spacing: .25em;
   }
}

div#contents_main #contents_section .fv__img-box {
   position: absolute;
   top: 2%;
   left: 2%;
   width: 20%;
}

@media screen and (min-width: 768px) {
   div#contents_main #contents_section .fv__img-box {
      top: 4%;
      width: 15%;
   }
}

@media screen and (min-width: 1360px) {
   div#contents_main #contents_section .fv__img-box {
      width: 10%;
   }
}


div#contents_main #contents_section .fv__img-box img {
   width: 100%;
   height: 100%;
}

div#contents_main #recruit-page .recruit-about {
   padding: min(10.2564102564vw, 40px) 0;
   margin-bottom: min(15.3846153846vw, 60px);
   position: relative;
   z-index: 1
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-about {
      padding-bottom: 3.125vw
   }
}

div#contents_main #recruit-page .recruit-about__title {
   text-align: center;
   color: #065b9c;
   font-weight: bold;
   font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
   margin-bottom: min(5.1282051282vw, 20px);
   font-size: 1.5rem !important;
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-about__title {
      margin-bottom: min(3.90625vw, 30px);
      font-size: 2.5rem !important;
   }
}

div#contents_main #recruit-page .recruit-about span {
   display: block;
   color: #000;
   font-size: 16px
}

div#contents_main #recruit-page .recruit-about__wrap {
   display: flex;
   flex-direction: column-reverse;
   padding: 0 10px
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-about__wrap {
      flex-direction: row;
      align-items: center;
      gap: min(3.90625vw, 30px);
      width: 75%;
      margin-inline: auto
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-about__wrap {
      width: 80%;
      gap: 2.6041666667vw
   }
}

.recruit-about__text {
   margin-top: min(5.1282051282vw, 20px)
}

@media screen and (min-width: 768px) {
   .recruit-about__text {
      width: 50%
   }
}

div#contents_main #recruit-page .recruit-about__img {
   width: 70%;
   display: block;
   margin: auto
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-about__img {
      width: 50%
   }
}

div#contents_main #recruit-page .recruit-about__wrap img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

div#contents_main #recruit-page .recruit-about::after {
   content: "";
   display: block;
   position: absolute;
   bottom: -30px;
   left: 50%;
   transform: translateX(-50%);
   width: 1px;
   height: min(15.3846153846vw, 60px);
   background: #000
}

div#contents_main #recruit-page .recruit-title {
   font-weight: bold;
   position: relative;
   width: -moz-fit-content;
   width: fit-content;
   margin-inline: auto !important;
   font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
   font-size: 2rem;
   z-index: 1
}

div#contents_main #recruit-page .recruit-title::before {
   content: "";
   display: block;
   position: absolute;
   bottom: min(1.2820512821vw, 5px);
   left: 50%;
   transform: translateX(-50%);
   height: min(2.5641025641vw, 10px);
   width: 120%;
   background: #fff;
   z-index: -1
}

div#contents_main #recruit-page .recruit-calculate {
   padding: 0 min(5.1282051282vw, 20px);
   margin-bottom: min(15.3846153846vw, 60px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-calculate__container {
      display: flex;
      flex-wrap: wrap;
      /* align-items: center; */
      justify-content: center;
      gap: 3.90625vw;
      margin-top: min(5.2083333333vw, 40px)
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-calculate__container {
      /* align-items: start; */
      gap: 1.3020833333vw
   }
}

div#contents_main #recruit-page .recruit-calculate__wrap {
   position: relative;
   text-align: center;
   padding: min(6.1538461538vw, 24px) min(3.0769230769vw, 12px);
   margin-top: min(11.5384615385vw, 45px);
   border: 1px solid #3a77bc;
   box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, .124)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-calculate__wrap {
      padding: min(3.90625vw, 30px) min(1.3020833333vw, 10px) 0;
      /* width: 32.5520833333vw; */
      width: calc(100% / 3 - 5vw);
      margin-top: 0
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-calculate__wrap {
      width: 11.9791666667vw
   }
}

@media screen and (min-width: 1460px) {

   div#contents_main #recruit-page .recruit-calculate__wrap {
      width: calc(100% / 3 - 4vw);
   }
}

div#contents_main #recruit-page .recruit-calculate__wrap span {
   position: absolute;
   top: -22.5px;
   left: 50%;
   width: 50px;
   transform: translateX(-50%);
   font-weight: bold;
   font-size: 25px;
   color: #5477b6;
   background: #dfeffd
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-calculate__wrap span {
      top: 1.953125vw
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-calculate__wrap span {
      top: .78125vw
   }
}

div#contents_main #recruit-page .recruit-calculate__wrap img {
   width: min(38.4615384615vw, 150px) !important
}

div#contents_main #recruit-page .recruit-introduction__link {
   margin-bottom: min(15.3846153846vw, 60px)
}

.recruit-introduction__link--p {
   text-align: center;
   margin: min(5.1282051282vw, 20px) 0 min(3.8461538462vw, 15px);
}

.recruit-introduction__link__box {
   display: block;
   position: relative;
   width: 80%;
   margin: auto;
}

@media screen and (min-width: 768px) {

   .recruit-introduction__link__box {
      width: 60%;
      /* width: min(76.9230769231vw, 300px); */
      /* height: min(43.5897435897vw, 170px); */
      transition: all .3s !important;
   }
}

.recruit-introduction__link__link {
   display: block;
}

@media screen and (min-width: 768px) {

   .recruit-introduction__link__link {
      transition: all .3s !important;
   }
}

.recruit-introduction__link__text {
   position: absolute;
   top: 50%;
   right: 0.5em;
   transform: translate(0, -50%);
   padding: 0.5em 1em;
   font-size: 1.5rem;
   color: #fff;
   font-weight: 500;
   line-height: 1.5;
   border: 2px solid #fff;
   pointer-events: none;
}

@media screen and (min-width: 768px) {
   .recruit-introduction__link__text {
      right: 1em;
      font-size: 3rem;
      border: 3px solid #fff;
   }
}

/* div#contents_main #recruit-page .recruit-introduction__link img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
} */

div#contents_main #recruit-page .recruit-know {
   padding: 0 min(5.1282051282vw, 20px);
   margin-bottom: min(15.3846153846vw, 60px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-know__container {
      display: flex;
      flex-wrap: wrap;
      /* align-items: center; */
      justify-content: center;
      gap: 2.6041666667vw;
      margin-top: 20px
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-know__container {
      /* align-items: start; */
      gap: 1.3020833333vw;
   }
}

div#contents_main #recruit-page .recruit-know__wrap {
   text-align: center;
   padding: min(6.1538461538vw, 24px) min(3.0769230769vw, 12px);
   box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, .124);
   background: #f9f9f9;
   margin-top: min(8.9743589744vw, 35px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-know__wrap {
      /* width: 32.5520833333vw; */
      /* width: 20vw; */
      width: calc(100% / 3 - 5vw);
      margin-top: 0
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-know__wrap {
      /* width: 12.5vw; */
      width: calc(100% / 3 - 5vw);
   }
}

@media screen and (min-width: 1460px) {

   div#contents_main #recruit-page .recruit-know__wrap {
      width: calc(100% / 3 - 4vw);
   }
}

div#contents_main #recruit-page .recruit-know__wrap img {
   width: min(38.4615384615vw, 150px) !important;
   background: none
}


div#contents_main #recruit-page .recruit-know__wrap p {
   text-align: center;
   font-weight: bold;
}

.recruit-know-caution {
   font-size: 0.8rem;
   /* color: #cc0000; */
   font-weight: normal !important;
}

div#contents_main #recruit-page .recruit-know__number {
   color: #2e72c3;
   margin-top: min(2.5641025641vw, 10px);
   font-size: 18px
}

div#contents_main #recruit-page .recruit-know__number span {
   font-size: 40px;
   margin-right: min(1.2820512821vw, 5px)
}

div#contents_main #recruit-page .group-link {
   margin-bottom: min(15.3846153846vw, 60px)
}

div#contents_main #recruit-page .group-link__wrap {
   display: flex;
   flex-direction: column;
   padding: 0 min(8.9743589744vw, 35px);
   gap: min(5.1282051282vw, 20px);
   margin-top: min(6.4102564103vw, 25px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .group-link__wrap {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center
   }
}

div#contents_main #recruit-page .group-link__wrap a {
   display: flex;
   align-items: center;
   gap: min(6.4102564103vw, 25px);
   border: 1px solid #5477b6;
   padding: min(2.5641025641vw, 10px);
   text-decoration: none;
   color: #000;
   font-size: 16px;
   background: #fff
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .group-link__wrap a {
      width: -moz-fit-content;
      width: fit-content;
      min-width: min(35.8072916667vw, 275px);
      gap: min(1.3020833333vw, 10px)
   }
}

div#contents_main #recruit-page .group-link__wrap .group-link__img {
   width: min(15.3846153846vw, 60px) !important;
   height: min(15.3846153846vw, 60px) !important;
   -o-object-fit: cover;
   object-fit: cover;
   background: none
}

div#contents_main #recruit-page .recruit-faq {
   margin-bottom: min(15.3846153846vw, 60px)
}

div#contents_main #recruit-page .recruit-faq__accordion {
   list-style: none;
   padding: 0 min(5.1282051282vw, 20px);
   display: flex;
   flex-direction: column;
   gap: min(5.1282051282vw, 20px);
   margin-top: min(6.4102564103vw, 25px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-faq__accordion {
      width: 80%;
      margin-inline: auto
   }
}

/* @media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-faq__accordion {
      width: 50%
   }
} */

div#contents_main #recruit-page .recruit-faq__accordion-box {
   background: #fff;
   padding: min(3.8461538462vw, 15px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-faq__accordion-box {
      padding: min(2.6041666667vw, 20px)
   }
}

div#contents_main #recruit-page .recruit-faq__accordion-box:hover {
   transition: .4s;
   transform: translateY(-5px)
}

div#contents_main #recruit-page .recruit-faq__accordion-title {
   font-size: 16px;
   color: #2e72c3;
   font-weight: bold;
   line-height: 1.8;
   position: relative;
   cursor: pointer;
   transition: all .5s ease;
   padding-right: min(5.1282051282vw, 20px);
   margin: 0
}

div#contents_main #recruit-page .recruit-faq__accordion-title::before,
div#contents_main #recruit-page .recruit-faq__accordion-title::after {
   position: absolute;
   content: "";
   width: min(4.6153846154vw, 18px);
   height: min(.5128205128vw, 2px);
   background-color: #2e72c3
}

div#contents_main #recruit-page .recruit-faq__accordion-title::before {
   top: min(3.3333333333vw, 13px);
   right: 0;
   transform: rotate(0deg)
}

div#contents_main #recruit-page .recruit-faq__accordion-title::after {
   top: min(3.3333333333vw, 13px);
   right: 0;
   transform: rotate(90deg)
}

div#contents_main #recruit-page .recruit-faq__accordion-title.close::after {
   display: none
}

div#contents_main #recruit-page .recruit-faq__accordion-text {
   display: none;
   margin-top: 3vw
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-faq__accordion-text {
      margin-top: 1.0416666667vw
   }
}

div#contents_main #recruit-page .recruit-faq__accordion-answer {
   font-size: 16px;
   line-height: 1.8
}

div#contents_main #recruit-page .recruit-flow {
   margin-bottom: min(15.3846153846vw, 60px)
}

div#contents_main #recruit-page .recruit-flow__container {
   padding: 0 min(15.3846153846vw, 60px);
   margin: min(10.2564102564vw, 40px) 0 min(5.1282051282vw, 20px);
   display: flex;
   flex-direction: column;
   gap: min(8.9743589744vw, 35px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-flow__container {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: 6.5104166667vw;
      margin-top: min(7.1614583333vw, 55px)
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-flow__container {
      gap: 2.0833333333vw;
      /* gap: 2.0833333333vw 1vw; */
      /* padding: 0 min(15.3846153846vw, 40px); */
   }
}

div#contents_main #recruit-page .recruit-flow__wrap {
   background: #fff;
   position: relative;
   padding: min(7.6923076923vw, 30px) 0;
   text-align: center;
   box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, .124)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-flow__wrap {
      width: 32.5520833333vw;
      padding: min(6.5104166667vw, 50px) 0 min(3.90625vw, 30px)
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-flow__wrap {
      /* width: 13.0208333333vw; */
      width: calc(100% / 3 - 3vw);
   }
}

@media screen and (min-width: 1460px) {

   div#contents_main #recruit-page .recruit-flow__wrap {
      width: calc(100% / 3 - 3vw);
   }
}

div#contents_main #recruit-page .recruit-flow__wrap span {
   position: absolute;
   top: min(-3.8461538462vw, -15px);
   left: min(2.5641025641vw, 10px);
   z-index: 1;
   color: #fff;
   font-weight: bold;
   font-size: 14px;
   width: 50px;
   text-align: center;
   padding: min(1.2820512821vw, 5px) 0;
   background: #3a77bc;
   border-radius: 2px 0 0 0
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-flow__wrap span {
      top: -3.90625vw;
      left: min(1.3020833333vw, 10px)
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-flow__wrap span {
      top: -1.40625vw
   }
}

div#contents_main #recruit-page .recruit-flow__wrap span::before {
   position: absolute;
   content: "";
   top: 0;
   right: -6px;
   border: none;
   border-bottom: solid 3.8461538462vw #3a77bc;
   border-right: solid 6px rgba(0, 0, 0, 0)
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-flow__wrap span::before {
      border-bottom: solid 27px #3a77bc
   }
}

div#contents_main #recruit-page .recruit-flow__wrap span::after {
   content: "";
   position: absolute;
   left: 0;
   top: 100%;
   height: 0;
   width: 0;
   border-left: 25px solid #3a77bc;
   border-right: 25px solid #3a77bc;
   border-bottom: 12px solid rgba(0, 0, 0, 0)
}

div#contents_main #recruit-page .recruit-flow__wrap img {
   width: min(38.4615384615vw, 150px) !important;
   -o-object-fit: cover;
   object-fit: cover;
   background: none
}

div#contents_main #recruit-page .recruit-flow__title {
   text-align: center;
   color: #3a77bc;
   font-weight: bold;
   font-size: 16px
}

div#contents_main #recruit-page .recruit-flow__text {
   text-align: center;
   font-weight: bold;
   font-size: 14px
}

div#contents_main #recruit-page .recruit-flow__detail-text {
   width: 90%;
   margin: auto
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-flow__detail-text {
      /* margin: 0 0 0 7.8125vw;
      width: -moz-fit-content;
      width: fit-content */
      text-align: center;
   }
}

div#contents_main #recruit-page .recruit-detail {
   margin-bottom: 10px;
   padding-bottom: 10px
}

div#contents_main #recruit-page .recruit-detail p {
   margin-top: min(6.4102564103vw, 25px);
   text-align: center
}

/* #contents_main #contents_section #recruit-page .recruit-scroll-link {
   margin-top: 1em;
   padding-top: 1em;
} */

div#contents_main #recruit-page .recruit-scroll-link h2 {
   text-align: center;
   font-weight: bold
}

div#contents_main #recruit-page .recruit-scroll-link p {
   text-align: center;
   margin-bottom: min(5.1282051282vw, 20px)
}

div#contents_main #recruit-page .recruit-scroll-link__wrap {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px 4px;
   width: 95%;
   margin: 0 auto
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-scroll-link__wrap {
      /* width: 85% */
      gap: min(3.8461538462vw, 15px);
   }
}

div#contents_main #recruit-page .recruit-scroll-link__button {
   display: block;
   text-decoration: none;
   width: 41%;
   display: flex;
   padding: min(2.5641025641vw, 10px);
   border: 1.5px solid #3a77bc;
   align-items: center;
   justify-content: center
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-scroll-link__button {
      width: 168px
   }
}

div#contents_main #recruit-page .recruit-work {
   margin-top: min(15.3846153846vw, 60px);
   padding: 0 8px;
}

div#contents_main #recruit-page .recruit-work h2 {
   font-weight: bold;
   position: relative;
   width: -moz-fit-content;
   width: fit-content;
   /* margin-inline: auto; */
   margin-left: 8px !important;
   font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
   z-index: 1;
   text-align: center;
   font-size: 2rem !important;
}

@media screen and (min-width: 768px) {
   div#contents_main #recruit-page .recruit-work h2 {
      margin-inline: auto !important;
   }
}

div#contents_main #recruit-page .recruit-work h2::before {
   content: "";
   display: block;
   position: absolute;
   bottom: min(1.2820512821vw, 5px);
   left: 50%;
   transform: translateX(-50%);
   height: min(2.5641025641vw, 10px);
   width: 110%;
   background: #fff;
   z-index: -1;
   /* margin-left: 8px !important; */
}

@media screen and (min-width: 768px) {
   div#contents_main #recruit-page .recruit-work h2::before {
      width: 120%;
   }
}

div#contents_main #recruit-page .recruit-work span {
   display: block;
   font-size: 14px
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-work span {
      display: inline-block
   }
}

div#contents_main #recruit-page .recruit-work__wrap {
   /* width: 95%; */
   margin-top: min(5.1282051282vw, 20px);
   margin-inline: auto;
   padding: min(2.5641025641vw, 10px);
   border: 1px solid #222;
   background: #fff;
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-work__wrap {
      width: 80%;
      padding: 20px
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-work__wrap {
      /* width: 45% */
   }
}

div#contents_main #recruit-page .recruit-work__wrap h3 {
   font-weight: bold;
   padding: 0 .5em;
   margin-bottom: 1em;
   border-left: 10px double #3a77bc
}

div#contents_main #recruit-page .recruit-work__staff {
   margin-top: min(5.1282051282vw, 20px)
}

.recruit-work__link-wrap {
   display: flex;
   background: #c6ddf3;
   margin-top: 1em;
   padding: 10px;
   /* gap: min(5.1282051282vw, 5px); */
}

@media screen and (min-width: 768px) {
   .recruit-work__link-wrap {
      /* gap: min(5.1282051282vw, 10px); */
      /* gap: 0 4%; */
      width: 70%;
      padding: 20px;
   }
}

/* @media screen and (min-width: 1360px) {
   .recruit-work__link-wrap {
      padding: 30px;
   }
} */

div#contents_main #contents_section #recruit-page .recruit-work__img {
   aspect-ratio: 1 / 1;
   width: 40% !important;
   object-fit: cover;
   margin-right: 4%;
}

@media screen and (min-width: 768px) {
   div#contents_main #contents_section #recruit-page .recruit-work__img {
      width: 40%;
      margin-right: 6%;
   }
}

.recruit-work__link-btn {
   position: relative;
   display: block;
   text-align: right;
   margin-top: auto;
   padding-right: calc(10px + 1.1em);
   font-size: 1rem;
   text-decoration: none;
   color: #3a77bc !important;
   font-weight: 600;
}

@media screen and (min-width: 768px) {
   .recruit-work__link-btn {
      padding-right: calc(10px + 1.5em);
      font-size: 1.5rem;
   }
}

div#contents_main #recruit-page .recruit-work__staff a::before {
   content: "";
   display: block;
   position: absolute;
   bottom: 13px;
   right: 6px;
   width: 20px;
   height: 3px;
   background: #3a77bc;
   transform: rotate(45deg)
}

div#contents_main #recruit-page .recruit-work__staff a::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 5px;
   right: 6px;
   width: 10px;
   height: 10px;
   border-right: 3px solid #3a77bc;
   border-bottom: 3px solid #3a77bc
}

.recruit-work__text {
   display: flex;
   flex-direction: column;
}

@media screen and (min-width: 768px) {
   .recruit-work__text {
      width: 60%;
      justify-content: center;
   }
}

.recruit-work__name {

   margin-bottom: min(2.5641025641vw, 10px);
   font-weight: 600;
   font-size: 1.3rem;
}

@media screen and (min-width: 768px) {
   .recruit-work__name {
      margin-bottom: 0.7em !important;
      font-size: 2rem;
   }
}

div#contents_main #recruit-page .recruit-work__name span {
   display: block;
   font-size: 0.9rem;
   font-weight: normal;
   line-height: 1;
   /* letter-spacing: 0.01em; */
}

@media screen and (min-width: 768px) {
   div#contents_main #recruit-page .recruit-work__name span {
      font-size: 1.1rem;
   }
}

.recruit-work__year,
.recruit-work__job {
   font-size: 0.9rem;
}

.recruit-work__job {
   font-weight: 600;
}

@media screen and (min-width: 768px) {

   .recruit-work__year,
   .recruit-work__job {
      font-size: 1.3rem;
   }

   .recruit-work__year {
      margin-bottom: 1em !important;
   }

   .recruit-work__job {
      margin-bottom: 2em !important;
   }
}

#contents_main #contents_section #recruit-page .recruit-work__text p:last-child {
   margin-bottom: 0 !important;
}

div#contents_main #recruit-page .recruit-staff__title {
   font-weight: bold;
   padding: 0 .5em;
   margin-bottom: min(5.1282051282vw, 20px);
   border-left: 10px double #3a77bc;
   padding-top: 10px
}

div#contents_main #recruit-page .recruit-staff-fv {
   position: relative;
   margin-bottom: min(10.2564102564vw, 40px);
   width: 100%;
   overflow: hidden
}

div#contents_main #recruit-page .recruit-staff-fv__img {
   width: 100%;
   height: 76.9230769231vw;
   margin: 0
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-staff-fv__img {
      height: min(78.125vw, 600px)
   }
}

@media screen and (min-width: 1024px) {

   div#contents_main #recruit-page .recruit-staff-fv__img {
      height: 80vh
   }
}

div#contents_main #recruit-page .recruit-staff-fv__img img {
   width: 100% !important;
   height: 100%;
   aspect-ratio: auto !important;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% top;
   object-position: 50% top
}

div#contents_main #recruit-page .recruit-staff-fv__text {
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
   padding: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 40%;
   background: rgba(58, 119, 188, .7019607843);

}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-staff-fv__text {
      width: fit-content;
      align-items: baseline;
      padding: 10px 50px
   }
}

div#contents_main #recruit-page .recruit-staff-fv__job,
div#contents_main #recruit-page .recruit-staff-fv__job-rep,
div#contents_main #recruit-page .recruit-staff-fv__name {
   font-weight: bold;
   color: #fff;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, .568627451);
   margin: 0
}

div#contents_main #recruit-page .recruit-staff-fv__job,
div#contents_main #recruit-page .recruit-staff-fv__job-rep {
   font-size: 0.9rem;
}

div#contents_main #recruit-page .recruit-staff-fv__name {
   margin: 0.5em;
   font-size: 1.3rem;
   line-height: 1.5;
}

div#contents_main #recruit-page .recruit-staff-fv__name span {
   display: block;
   font-size: 0.8rem;
   font-weight: normal;
   line-height: 1;
}

@media screen and (min-width: 768px) {
   div#contents_main #recruit-page .recruit-staff-fv__name span {
      font-size: 1.3rem;
   }
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-staff-fv__job,
   div#contents_main #recruit-page .recruit-staff-fv__job-rep,
   div#contents_main #recruit-page .recruit-staff-fv__name {
      font-size: 20px
   }
}

div#contents_main #recruit-page .recruit-staff-fv__job {
   border-bottom: 1px solid #fff;
   width: -moz-fit-content;
   width: fit-content;
   margin-bottom: min(2.5641025641vw, 10px)
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-staff-fv__name {
      font-size: 35px
   }
}

div#contents_main #recruit-page .recruit-staff-fv__year {
   color: #fff;
   font-size: 0.9rem;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, .568627451);
   margin: 0
}

@media screen and (min-width: 768px) {

   div#contents_main #recruit-page .recruit-staff-fv__year {
      font-size: 20px
   }
}

div#contents_main #recruit-page .recruit-staff__faq {
   border-bottom: 1px dotted rgba(58, 119, 188, .4117647059);
   padding-bottom: min(7.6923076923vw, 30px);
   padding: 0 10px min(7.6923076923vw, 30px);
   margin-bottom: min(7.6923076923vw, 30px)
}

div#contents_main #recruit-page .recruit-staff__faq h3 {
   display: flex;
   align-items: center;
   gap: min(2.5641025641vw, 10px);
   margin-bottom: min(3.8461538462vw, 15px)
}

div#contents_main #recruit-page .recruit-staff__faq p {
   padding: 0 1em;
}

div#contents_main #recruit-page .recruit-staff__faq:last-child {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0
}

div#contents_main #recruit-page .recruit-staff__link {
   width: 100%
}

div#contents_main #recruit-page .recruit-staff__link a {
   display: block;
   display: flex;
   justify-content: center;
   background: #2376ca;
   padding: 20px 0;
   color: #fff;
   font-weight: bold;
   text-underline-offset: 8px
}

#contents_main #contents_section #recruit-page .recruit-staff__faq>h3 img {
   width: min(10.2564102564vw, 40px) !important;
   height: min(10.2564102564vw, 40px) !important;
   object-fit: cover
}

/*# sourceMappingURL=recruit-page.css.map */