.p-recruit{
  margin-top: 70px;
  color:var(--color-black);
  font-family: var(--font-ja);
  letter-spacing: var(--letter-spacing-main);
}

.p-recruit--index{
  margin-top: 0;
  
}

.p-recruit__scroll{
}

.p-recruit__scroll-panel {
  overflow: hidden;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-panel {
    flex-direction: column;
    padding: 0 15px;
  }
}

.p-recruit__scroll-panel--01{
  background-image: url(/files/img/recruit/recruit-bg01.jpg);
  
}

.p-recruit__scroll-panel--02{
  gap:56px;
  background-image: url(/files/img/recruit/recruit-bg02.jpg);
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-panel--02{
    gap:28px;
            padding: 0 15px;
  }
}

.p-recruit__scroll-panel--03{
  background-image: url(/files/img/recruit/recruit-bg03.jpg);
}

.p-recruit__scroll-panel--04{
  flex-direction: column;
  background-image: url(/files/img/recruit/recruit-bg04.jpg);
  background-position: top;
}

.p-recruit .p-recruit__scroll-kv{
  width:364px;
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__scroll-kv{
    width:280px;
  }
}

.p-recruit .p-recruit__scroll-logo-txt{
  width:280px;
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__scroll-logo-txt{
    margin-top: 36px;
  width:98px;
  }
}

.p-recruit__scroll-txt-area{
  color:#ffffff;
}

.p-recruit__scroll-txt-area h2{
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-txt-area h2{
    font-size: 18px;
    text-align: center;
  }
}

.p-recruit__scroll-txt-area p{
  margin-top: 32px;;
  font-size: 14px;
  line-height:2.5;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-txt-area p{
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.75;
    text-align: center;
  }
}

.p-recruit__scroll-txt-area03{
  color:#ffffff;
  text-align: center;
}

.p-recruit__scroll-txt-area03 h2{
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-txt-area03 h2{
    margin-top: 40px;
    font-size: 18px;
  }
}

.p-recruit__scroll-txt-area03 p{
  margin-top: 32px;;
  font-size: 14px;
  line-height:2.5;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-txt-area03 p{
    margin-top: 14px;
    text-align: center;
    line-height:1.75;
    font-size: 13px;
  }
}

.p-recruit__scroll-list{
  margin-top: 80px;
  display:grid;
  gap:28px;
  grid-template-columns: repeat(5,165px);
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__scroll-list{
    gap:20px;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-list{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:0 8px;
    padding-bottom: 40px;
  }
}

.p-recruit__scroll-require{
  padding:8px 48px;
  border-radius: 200px;
  background-color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}


.p-recruit__scroll-list-item{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height:165px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50%;
  background-color: var(--color-orange);
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-list-item{
    font-size: 12px;
    width:124px;
    height:124px;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-list-item--width{
    margin:0 240px;
  }
}
.p-recruit__conditions-en{
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  font-size: 95px;
  color:#e7e6de;
  line-height: .78;
  white-space: nowrap;
  font-family: var(--font-en);
}
@media screen and (max-width:767px) {
  .p-recruit__conditions-en{
    font-size: 30px;
  }
}

.p-recruit__conditions{
  position: relative;
  overflow: hidden;
}
.p-recruit__conditions-area-en{
  position: relative;
  height:124px;
  width:100%;
}
@media screen and (max-width:767px) {
  .p-recruit__conditions-area-en{
    height:64px;
  }
}
.p-recruit__conditions-image-area{
  padding:56px 0 98px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: #e7e6de;;
}

.p-recruit__conditions-image-area img{
  height:auto;
}

.p-recruit__conditions-image01{
  width:275px;
  margin:24px 24px 0 0;
}
.p-recruit__conditions-image02{
  width:305px;
  margin-right: 24px;
}
.p-recruit__conditions-image03{
  width:170px;
  margin-right: 24px;
}
.p-recruit__conditions-image04{
  width:275px;
  margin-right: 24px;
}
.p-recruit__conditions-image05{
  width:360px;
  margin-right: 24px;
}
.p-recruit__conditions-image06{
  width:190px;
  margin-right: 24px;
}

.p-recruit__conditions-txt-area{
  padding-bottom: 80px;
  background-color: var(--color-blue);
}
@media screen and (max-width:767px) {
  .p-recruit__conditions-txt-area{
      padding-bottom: 0;
  }
}

.p-recruit__conditions-txt{
  margin: 0 auto;
  display: block;
  width:680px;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .p-recruit__conditions-txt{
    position: relative;
    top:-24px;
    width:auto;
  }
}

.p-recruit__conditions-ttl{
  position: relative;
  top:-86px;
}
@media screen and (max-width:767px) {
  .p-recruit__conditions-ttl{
            top: -42px;
  }
}
.p-recruit__explanation{
  padding:80px 0 108px;
  background-color: #f2f2f2;
}
@media screen and (max-width:767px) {
  .p-recruit__explanation{
      padding:40px 0;
  }
}

.p-recruit__explanation-ttl{
  font-size: 46px;
  font-weight:600;
  color:var(--color-blue);
  text-align: center;
}
@media screen and (max-width:767px) {
  .p-recruit__explanation-ttl{
    font-size: 28px;
  }
}

.p-recruit__explanation-overview{
  margin-top: 40px;
}
@media screen and (max-width:767px) {
  .p-recruit__explanation-overview{
    margin-top: 24px;
  }
}

.p-recruit__explanation-decoration{
  margin-top: 40px;
}

.p-recruit__explanation-grid{
  margin-top: 40px;
  display: grid;
  gap:32px 10px;
  grid-template-columns: repeat(3,1fr);
}
@media screen and (max-width:767px) {
  .p-recruit__explanation-grid{
    gap:20px 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width:767px) {
  .p-recruit__explanation-grid-item{
  width:calc(50% - 2px)
}
}


.p-recruit__explanation-area{
  margin-top: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:32px;
}
@media screen and (max-width:767px) {
  .p-recruit__explanation-area{
    padding:0 8px;
    margin-top: 24px;
    gap:24px;
    grid-template-columns: 1fr;
  }
}

.p-recruit__works{
  
}

.p-recruit__works-business{
position: relative;
  padding:140px 0;
  background-color: #e7e6de;
}
@media screen and (max-width:767px) {
  .p-recruit__works-business{
    padding:140px 0 40px;
  }
}

.p-recruit__works-decoration{
  position: absolute;
top: 0;
width: 100%;
height: 80px;
background-color: var(--color-black);
}

.p-recruit__works-color{
  position: absolute;
  z-index:2;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url(/files/img/common/color-line.png);
    background-size: contain;
    background-repeat: repeat;
}

.p-recruit__works-txt{
  margin-top: 40px;
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .p-recruit__works-txt{
     margin-top: 24px;
  }
}

.p-recruit__works-ttl{
  margin-top: 40px;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .p-recruit__works-ttl{
    margin-top: 32px;
    font-size: 32px;
  }
}

.p-recruit__works-ttl--white{
  color:#ffffff;
}

.p-recruit__works-ttl span{
  font-family: var(--font-en);
}
@media screen and (max-width:767px) {
.p-recruit__works-ttl--smaller-responsive{
    font-size: 28px;
  }
}

.p-recruit__works-contents{
  margin-top: 24px;
  position: relative;
  padding:0 108px;
}
@media screen and (max-width:767px) {
  .p-recruit__works-contents{
    padding: 0;
  }
}

.p-recruit__works-circle{
  width:810px;
  height:810px;
  position:absolute;
  left:50%;
  top:calc(50% + 80px);
  transform: translate(-50%,-50%);
}
@media screen and (max-width:767px) {
  .p-recruit__works-circle{
    content: none;
    width:320px;
    height:320px;
  }
}

.p-recruit__works-area-image{
  width:244px;
}
@media screen and (max-width:767px) {
  .p-recruit__works-area-image{
  width:200px;
}
}

.p-recruit .p-recruit__works-logo{
  margin-top: 80px;
  position: relative;
  z-index:2;
  width:230px;
}

.p-recruit__works-area{
  position: relative;
  z-index:2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width:767px) {
  .p-recruit__works-area:last-of-type{
    margin-top: 24px;
  }
}

.p-recruit__works-area h3{
  font-size: 30px;
  font-weight: 600;
  color:var(--color-orange)
}
@media screen and (max-width:767px) {
  .p-recruit__works-area h3{
    margin-top: 8px;
    font-size: 24px;
  }
}

.p-recruit__works-area-en{
  font-size: 15px;
  font-weight: 600;
  font-family: var(--font-en);
}
@media screen and (max-width:767px) {
  .p-recruit__works-area-en{
    margin-top: 8px;
  }
}

.p-recruit__works-area-txt{
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color:var(--color-orange)
}

.p-recruit__works-area-btn{
  margin-top: 14px;;
  cursor: pointer;
}

.p-recruit__works-parts{
  display: grid;
  justify-content: center;
  grid-template-columns: 420px max-content 402px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__works-parts{
    grid-template-columns: 420px min-content 402px;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__works-parts{
    margin-top: 24px;;
    grid-template-columns:1fr;
  }
}

.p-recruit__works-introduce{
  padding: 80px 0 0;
  color:#ffffff;
  background-color: var(--color-blue);;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__works-introduce{
    padding: 0;
  }
}

.p-recruit__works-introduce-contents{
  display: grid;
  grid-template-columns: 620px 1fr;
  align-items: flex-end
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__works-introduce-contents{
    grid-template-columns: 480px 1fr;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__works-introduce-contents{
    grid-template-columns: 1fr
  }
}

.p-recruit__works-introduce-txt{
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

.p-recruit__works-introduce-area{
  padding-bottom: 80px;
}

.p-recruit__works-introduce-btn{
  margin:24px auto 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  padding:14px 32px 14px 18px;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-en);
  background-color: #ffffff;
}
@media screen and (max-width:767px){
  .p-recruit__works-introduce-btn{
    color:#ffffff;
    font-size: 10px;
    padding:18px 32px 18px 18px;
    border:none;
    width:100%;
    background-color:var(--color-orange)
  }
}

.p-recruit__infomation{
  padding:80px 0;
  background-color: var(--color-orange);
}

.p-recruit__infomation-txt{
  font-weight: 600;
  line-height: 2;
}
.p-recruit__infomation-btn{
  margin-top: 40px;
}

.p-recruit__infomation-contents{
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 520px;
  gap:40px;
}

@media screen and (max-width:767px) {
  .p-recruit__infomation-contents{
    grid-template-columns: 1fr
  }
}

.p-recruit__infomation-list{
  display: flex;
  flex-direction: column;
  gap:4px;
}

.p-recruit__infomation-list-item a{
  font-size: 20px;
  font-weight: 600;
  display: block;
  text-decoration: none;
  padding:20px 32px;
  background-color: #ffffff;
}

.p-recruit__infomation-list-item--color a{
  color:#c30d23;
}

.p-recruit__infomation-list-item span{
  margin-top: 8px;
  font-size: 12px;
  display: block;
  line-height: 1.25;
  color:#595757;
}

.p-recruit__join{
  height:130px;
  display: flex;
  align-items: center;
  justify-content: center;
    background-color: var(--color-blue);;
}

.p-recruit__join p{
  color:#ffffff;
  font-size: 46px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__join p{
    font-size: 28px;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__join p{
    font-size: 24px;
  }
}


.p-recruit__uf-ttl-area{
  padding:24px;
  background-color: var(--color-blue);;
}

.p-recruit__uf-ttl-area img{
  display: block;
  width:714px;
  margin:0 auto;
}

.p-recruit__uf-ttl-area h2{
  font-size: 50px;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-ttl-area h2{
    margin-top: 8px;
    font-size: 32px;
  }
}


.p-recruit__uf-contents--01{
  display: grid;
  grid-template-columns: 580px 1fr;
  gap:32px;
  align-items: flex-end;
  padding-left: 32px;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-contents--01{
    grid-template-columns: 1fr;
    gap:0;
    padding-left: 0;
  }
}
.p-recruit__uf-contents--02{
  position: relative;
  padding-bottom: 140px;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-contents--02{
    padding-bottom: 0;
  }
}
.p-recruit__uf-contents--03{
  position: relative;
  padding-bottom: 380px;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-contents--03{
    padding-bottom: 0;
  }
}

.p-recruit .p-recruit__uf-ttl-image01{
  width:308px;
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__uf-ttl-image01{
    margin:0 auto;
    display: block;
    width:60%;
  }
}

.p-recruit .p-recruit__uf-ttl-image02{
  width:514px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit .p-recruit__uf-ttl-image02{
  display: block;
    margin: 0 auto;
}
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__uf-ttl-image02{
    width:100%;
  }
}

.p-recruit .p-recruit__uf-ttl-image03{
  position: absolute;
  top:0;
  right:124px;
  width:546px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit .p-recruit__uf-ttl-image03{
    right:84px;
  }
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__uf-ttl-image03{
    position: static;
    width:100%;
  }
}

.p-recruit__uf-image02{
  position: absolute;
  right:64px;
  bottom:0;
  width:680px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__uf-image02{
    width:50%;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__uf-image02{
    margin-top: 24px;
    position: static;
    width:100%;
  }
}

.p-recruit__uf-image03{
  position: absolute;
  right:80px;
  bottom:0;
  width:780px;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-image03{
    margin-top: 24px;
    position: static;
    width:100%;
  }
}


.p-recruit__uf-txt{
  margin-top: 56px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.5;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-txt{
    margin-top: 18px;
    font-size: 14px;
    line-height: 2;
  }
}

.p-recruit__uf-wrapper{
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  gap:80px;
}
@media screen and (max-width:767px) {
  .p-recruit__uf-wrapper{
    padding: 40px 0;
    gap:40px;
  }
}

@media screen and (max-width:767px) {
  .p-recruit__uf-image01{
    display: block;
    width:80%;
    margin:0 auto;
    order:2;
  }
}

@media screen and (max-width:767px) {
  .p-recruit__uf-area{
    order:1;
  }
}

.p-recruit__requirements-ttl-area{
  overflow: hidden;
  padding:40px;
  display: flex;
  flex-direction: column;
  gap:32px;
  background-color: #e7e6de;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-ttl-area{
    padding:40px 15px;
  }
}

.p-recruit__requirements-ttl{
  position: relative;
  z-index:2;
  font-size: 50px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-ttl{
    font-size: 40px;
  }
}

.p-recruit__requirements-ttl-en{
  position: absolute;
  top:56px;
  left:50%;
  transform: translateX(-50%);
  font-size: 65px;
  color:#f3f2ef;
  white-space: nowrap;
  font-family: var(--font-en);
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__requirements-ttl-en{
    font-size:48px;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-ttl-en{
    font-size: 24px;
        top: 164px;
  }
}

.p-recruit__area{
  display: grid;
  width:800px;
  margin:0 auto;
  grid-template-columns: 1fr 1fr;
  gap:18px;
  padding:8px;
  border-radius: 200px;
  background-color: #ffffff;
  box-shadow: 0px 5px 0px 0px #000000;
}
@media screen and (max-width:767px) {
  .p-recruit__area{
    gap:8px;
    width:100%;
  }
}

.p-recruit__area--explanation{
    grid-template-columns: 1fr ;
}

.p-recruit__area-btn{
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:4px;
  font-size: 20px;
  border-radius: 200px;
  color:#ffffff;
    background-color: #7a7a7a;
}

.p-recruit__area-btn.is-active{
  color:var(--color-black);
  background-color: var(--color-orange);
}

.p-recruit__area-btn.is-active::before{
  content:"";
  position: absolute;
  left:50%;
  bottom:-48px;
  width:24px;
  height:24px;
  transform: translateX(-50%);
  background-image: url(/files/img/recruit/arrow-requirements.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.p-recruit__area-orange{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:4px;
  font-size: 20px;
  border-radius: 200px;
  color:var(--color-black);
  background-color: var(--color-orange);
}
.p-recruit__area-gray{
  display: flex;
  align-items: center;
  justify-content: center;
    padding:4px;
    font-size: 20px;
    border-radius: 200px;
    color:#ffffff;
    background-color: #7a7a7a;
}

.p-recruit__area-gray.is-active{
  color:var(--color-black);
  background-color: var(--color-orange);
}

.p-recruit__requirements-contents{
  padding: 80px 0 98px;
  overflow: hidden;
  background-color: var(--color-orange);
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-contents{
    padding: 40px 0 58px;
  }
}

.p-recruit__requirements-overview{
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap:24px;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-overview{
    gap:18px;
  }
}

.p-recruit__requirements-color{
  position: absolute;
  right:0;
  top:0;
  height: 100%;
  width:200px;
  background-color: #f3f2ef;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-color{
    display: none;
  }
}

.p-recruit__accordion{
  overflow: hidden;
  color:var(--color-orange);
  background-color: #ffffff;
}

.p-recruit__accordion--square{
  color:var(--color-orange);
  background-color: #ffffff;
}

.p-recruit__accordion-ttl{
  position: relative;
  cursor: pointer;
  font-size: 25px;
  padding:14px 24px 14px 68px;
}
@media screen and (max-width:767px) {
  .p-recruit__accordion-ttl{
    font-size: 18px;
    padding:14px 14px 14px 46px;
  }
}

.p-recruit__accordion--square .p-recruit__accordion-ttl{
  cursor: default;
}
@media screen and (max-width:767px) {
  .p-recruit__accordion--square .p-recruit__accordion-ttl{
    padding:14px;
  }
}

.p-recruit__accordion-ttl::before{
      position: absolute;
      content:"";
      transition: .4s;
      transform: translateY(-50%);
      top: 50%;
      left:38px;
      width: 20px;
      height: 2px;
      background-color: var(--color-orange)
}
@media screen and (max-width:767px) {
  .p-recruit__accordion-ttl::before{
    left:14px;
  }
}
.p-recruit__accordion-ttl::after{
      position: absolute;
      content:"";
      transform: translateY(-50%);
      transition: .4s;
      top: 50%;
      left:47px;
      width: 2px;
      height: 20px;
      background-color: var(--color-orange)
}
@media screen and (max-width:767px) {
  .p-recruit__accordion-ttl::after{
    left:23px;
  }
}

.p-recruit__accordion.is-active .p-recruit__accordion-ttl::before {
  transform: translateY(-50%) rotate(45deg);
}

.p-recruit__accordion.is-active .p-recruit__accordion-ttl::after {
  transform: translateY(-50%) rotate(45deg);
}

.p-recruit__accordion--square .p-recruit__accordion-ttl::before,.p-recruit__accordion--square .p-recruit__accordion-ttl::after{
  content: none;
}

.p-recruit__accordion-item{
  transition: .4s;
  height:0;
}

.p-recruit__accordion--square .p-recruit__accordion-item{
  height:auto;
}

.p-recruit__requirements-flow{
  margin-top: 24px;
}

.p-recruit__accordion-table{
  display: flex;
  flex-direction: column;
  padding:24px 68px 56px 68px;
  gap:32px;
}
@media screen and (max-width:767px) {
  .p-recruit__accordion-table{
    padding:15px 15px 30px 15px;
    gap:20px;
  }
}

.p-recruit__accordion-table-tr{
  font-size: 18px;
  display: grid;
  grid-template-columns: 140px 1fr;
  padding-bottom: 4px;
  border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width:767px) {
  .p-recruit__accordion-table-tr{
    font-size: 14px;
    gap:8px;
     grid-template-columns: 1fr
  }
}

.p-recruit__accordion-table-th{
  position: relative;
}

.p-recruit__accordion-table-th::after{
  position: absolute;
  content: "";
  top:0;
  right:32px;
  width:1px;
  height:95%;
  background-color: var(--color-orange);
}
@media screen and (max-width:767px) {
  .p-recruit__accordion-table-th::after{
    content:none;
  }
}

.p-recruit__accordion-table-td{
  color:#595757
}

.p-recruit__requirements-flow-ttl{
  margin-top: 56px;
}

.p-recruit__requirements-flow-description{
  padding:24px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color:#ffffff;
  background-color: var(--color-blue);
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-flow-description{
    font-size: 20px;
    padding:24px 0
  }
}

.p-recruit__requirements-flow-wrapper{
  position: relative;
    padding:40px 64px 40px 80px;
  background-color: #ffffff;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-flow-wrapper{
    padding:30px 15px;
  }
}

.p-recruit__requirements-flow-contents{
  display: flex;
  gap:48px;
  align-items: center;
}

.p-recruit__requirements-flow-illust{
  position: relative;
  z-index:2;
  width:264px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .p-recruit__requirements-flow-illust{
    display: none;
  }
}

.p-recruit__requirements-flow-list{
  position: relative;
  z-index:2;
  display: flex;
  flex-direction: column;
  gap:32px;
}

.p-recruit__requirements-flow-list-item p{
  margin-top: 18px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.p-recruit__requirements-flow-other{
  position: relative;
  z-index:2;
  font-weight: 600;
   font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width:767px) {
  .p-recruit__requirements-flow-other{
    margin-top: 24px;
    font-size: 12px;
  }
}

.p-recruit__requirements-flow-btn{
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-flow-btn{
    margin-top: 40px;
  }
}

#contents01{
  display: block;
}

#contents02{
  display: none;
}

.p-recruit .p-recruit__common-ttl-image02{
  margin-top: 24px;
  width:132px;
}

.p-recruit__common-area-supprt{
  margin-top: 8px;
  position: relative;
  border-radius: 20px;
  padding:24px 0;
  border: 1px solid var(--color-lightgray);
}
.p-recruit__common-area-supprt ul{
  display: grid;
  justify-content: center;
  gap:0 16px;
  grid-template-columns: max-content max-content;
}
@media screen and (max-width:767px) {
  .p-recruit__common-area-supprt ul{
    gap:0;
  }
}
@media screen and (max-width:767px) {
  .p-recruit__common-area-supprt ul li{
  font-size: 9px;
}
}

.p-recruit__common-area-supprt--padding{
  padding:24px 0 40px;
}
@media screen and (max-width:767px){
  .p-recruit__common-area-supprt--padding{
    padding:24px 0 32px;
  }
}

.p-recruit__common-square-other{
  line-height: 1.5;
  font-size: 14px;
  position: absolute;
  right:15px;
  bottom:14px
}
@media screen and (max-width:767px){
  .p-recruit__common-square-other{
    font-size: 9px;
    bottom:8px;
  }
}

.p-recruit__modal{
  opacity:0;
  visibility: hidden;
  transition: .4s;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1508;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:767px) {
}

.p-recruit__modal.is-active{
  opacity:1;
  visibility: visible;
}

.p-recruit__modal-contents{
  max-width: 620px;
  overflow-y: auto;
}
@media screen and (max-width:767px) {
  .p-recruit__modal-contents{
    max-width: 95%;
    max-height: 85%;
  }
}

.p-recruit__modal-area{
  position: relative;
  padding:40px;
  background-color: #ffffff;
}
@media screen and (max-width:767px) {
  .p-recruit__modal-area{
    padding:40px 15px;
  }
}

.p-recruit__modal-layer{
  opacity:0;
  visibility: hidden;
  transition: .4s;
  position: fixed;
  top:0;
  left:0;
  z-index:1500;
  width:100%;
  height:100%;
  background-color: var(--color-black);
}

.p-recruit__modal-layer.is-active{
  opacity:.6;
  visibility: visible;
}

.p-recruit__modal-ttl-sub{
  text-align: center;
  font-size: 14px;
}

.p-recruit__modal-ttl{
  margin-top: 8px;
  text-align: center;
  color:var(--color-orange);
  font-size: 20px;
}

.p-recruit__modal-txt{
  margin-top: 20px;
  line-height: 2;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width:767px) {
  .p-recruit__modal-txt{
    text-align: left;
    font-size: 12px;
  }
}

.p-recruit .p-recruit__modal-en{
  position: absolute;
  left:0;
  top:0;
  width:85px;
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__modal-en{
    width:65px;
  }
}

.p-recruit__modal-close{
  position: fixed;
  z-index:805;
  top:80px;
  right:80px;
}
@media screen and (max-width:767px) {
  .p-recruit__modal-close{
    top:15px;
    right:8px;
  }
}

.p-recruit__modal-close-btn {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.p-recruit__modal-close-btn span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  background-color: #ffffff;
  transform-origin: center;
}
.p-recruit__modal-close-btn span:nth-of-type(1) {
  transform: rotate(45deg);
}
.p-recruit__modal-close-btn span:nth-of-type(2) {
  transform: rotate(-45deg);
}

.p-recruit__common-area-supprt--three-column ul{
  grid-template-columns: repeat(3,max-content);
}

.p-recruit__common-area-ttl{
  margin-top: 24px;
  font-size: 16px;
  font-weight: 600;
}

.p-recruit__scroll-nav{
  position: absolute;
  padding:32px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  left:0;
  bottom:0;
  background-color: var(--color-black);
}

@media screen and (max-width:767px) {
  .p-recruit__scroll-nav{
    padding:15px 0;
  }
}

.p-recruit__scroll-nav-list{
  width: min(100%, 940px);
  border-radius: 5px;
  margin:0 auto;
  padding:24px 40px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(4,1fr);
  background-color: #ffffff;
  background-image: url(/files/img/recruit/scroll-nav-img.png);
  background-size: 100px 70px;
  background-repeat: no-repeat;
  background-position: left top;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-nav-list{
    padding:8px 0;
    border-radius: 0;
  }
}

.p-recruit__scroll-nav-list-item{
  position: relative;
}

.p-recruit__scroll-nav-list-item a{
  text-decoration: none;
}

.p-recruit__scroll-nav-list-item:not(:last-of-type)::after{
  content: "";
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  width:1px;
  height:80px;
  background-color: var(--color-black);
}

@media screen and (max-width:767px) {
  .p-recruit__scroll-nav-list-item:not(:last-of-type)::after{
    height:32px;
  }
}

.p-recruit__scroll-nav-en{
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  line-height: 1.25;
  font-family: var(--font-en);
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-nav-en{
    font-size: 10px;
    white-space: nowrap;
  }
}

.p-recruit__scroll-nav-ja{
  text-align: center;
  font-size: 10px;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .p-recruit__scroll-nav-ja{
    font-size: 8px
  }
}

.p-recruit__go-top{
  width:100%;
  padding: 30px 0;
  background-color: #353c43;
}

.p-recruit__go-top-txt{
  margin:0 auto;
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: min(100%, 300px);
  height:47px;
  font-weight: 600;
  background-color: #ffffff;
}

.p-recruit__entry-btn{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  padding:20px 52px 20px 40px;
  font-size: 22px;
  font-weight: 600;
  border-radius: 200px;
  color:#ffffff;
  border:3px solid #ffffff;
  background-color: #c30d23;
}

@media screen and (max-width:767px) {
  .p-recruit__entry-btn{
    font-size: 18px;
  }
}

.p-recruit__entry-btn span{
  position: relative;
}

.p-recruit__entry-btn span::after{
  position: absolute;
  content:"";
  top:50%;
  right:-18px;
  transform: translateY(-50%);
  width:12px;
  height:12px;
  background-image: url(/files/img/common/arrow-btn-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-recruit__requirements-banner-area{
  margin: 40px auto 0;
  width: fit-content;
  text-align: center;
  color:#ffffff;
  font-weight: 500;
  border:2px solid #ffffff;
  padding:24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width:767px) {
  .p-recruit__requirements-banner-area{
    text-align: left;
      padding:20px 15px;
  }
}

.p-recruit__requirements-banner-link{
  display: block;
  margin-top: 24px;
}

.p-recruit__requirements-banner-area img{
  width:300px;
}

.p-recruit__txt-square{
  position: relative;
  padding-left: 1.5em; 
}

.p-recruit__txt-square::before{
  content: "■ ";
  position: absolute;
  left: 0;
}

.p-recruit__color{
  color:#c30d23;
}

.p-recruit .p-recruit__form-flow{
  margin: 40px auto 0;
  max-width: 940px;
}
@media screen and (max-width:767px) {
  .p-recruit .p-recruit__form-flow{
  margin: 8px auto 0;
  }
}

.p-recruit__form-square{
  margin: 32px auto 0;
  padding:40px 140px 80px;
  max-width: 940px;
  letter-spacing: 0;
  background-color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width:767px) {
  .p-recruit__form-square{
    margin: 14px auto 0;
    padding:40px 15px 64px;
  }
}

.p-recruit__form-txt{
    text-align: center;
  font-weight: 600;
  font-size: 14px;
}

@media screen and (max-width:767px) {
  .p-recruit__form-txt{
      font-size: 12px;
  }
}

.p-recruit__form-contents{
  margin-top: 24px;
}
.p-recruit__form-table{
  display: flex;
  flex-direction: column;
  gap:24px;
}
.p-recruit__form-caution{
  display: none;
}

.p-recruit__form-th{
  display: flex;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width:767px) {
  .p-recruit__form-th{
    flex-direction: column;
  }
}

.p-recruit__form-th--border{
  padding-bottom: 4px;
  border-bottom: 1px solid #c9caca;
}

.p-recruit__form-input{
  width:100%;
  height:58px;
  padding:15px;
  outline: none;
  border: 1px solid #9fa0a0;
  border-radius: 5px;
  font-size: 14px;
}
@media screen and (max-width:767px) {
  .p-recruit__form-input{
    height:48px;
    padding: 10px;
  }
}

.p-recruit__form-td{
  margin-top: 8px;
}

@media screen and (max-width:767px) {
  .p-recruit__form-td{
  margin-top: 4px;
}
}

.p-recruit__form-td--flex{
  display: flex;
  align-items: center;
  gap:8px;
}

.p-recruit__form-td--flex span{
  font-weight: 500;
}

.p-recruit__form-th-sub{
  margin-left: 8px;
  color:#727171;
  font-size: 11px;;
}
@media screen and (max-width:767px) {
  .p-recruit__form-th-sub{
    margin-left: 0;
  }
}

.p-recruit__form-textarea{
  width:100%;
  height:158px;
  padding:15px;
  resize: none;
  outline: none;
   border-radius: 5px;
  border: 1px solid #9fa0a0;
}
@media screen and (max-width:767px) {
  .p-recruit__form-textarea{
    font-size: 14px;
  }
}

.p-recruit__form-about{
  padding:40px;
  position: relative;
  border: 5px solid #c9caca;
}
@media screen and (max-width:767px) {
  .p-recruit__form-about{
    padding:24px 8px;
    line-height: 1.5;
  }
}

.p-recruit__form-about-ttl{
  position: absolute;
  padding:14px;
  white-space: nowrap;
  top:-24px;
  left:50%;
  font-weight: 600;
  transform: translateX(-50%);
  background-color: #ffffff;
}

@media screen and (max-width:767px) {
  .p-recruit__form-about-ttl{
    top:-20px;
    padding: 8px 14px;
  }
}

.p-recruit__form-about p{
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width:767px) {
  .p-recruit__form-about p{
    font-size: 12px;
  }
}

.p-recruit__form-policy-ttl{
  padding-bottom: 5px;
  border-bottom: 1px solid #c9caca;
}

.p-recruit__form-policy-check{
  margin-top: 8px;
}

.p-recruit__form-policy-check input{
  width:14px;
  height:14px;
}

.p-recruit__form-btn{
  display: flex;
  flex-direction: column;
  gap:14px;
  align-items: center;
  justify-content: center;
}


  .p-recruit__form-btn--padding{
      padding-top: 32px;
  }
@media screen and (max-width:767px) {
  .p-recruit__form-btn--padding-responsive{
      padding-top: 0
  }
}
  

.p-recruit__form-btn-send{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  padding:18px 76px 18px 68px;
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 200px;
  color:#ffffff;
  box-shadow: inset 0 -6px 15px rgba(39, 39, 39, .3), inset 0 6px 5px rgba(39, 39, 39, .2);
  background-color: #c30d23;
}
@media screen and (max-width:767px) {
  .p-recruit__form-btn-send{
    font-size: 14px;
    width:80%;
  }
}

.p-recruit__form-btn-send span{
  position: relative;
}

.p-recruit__form-btn-send span::after{
  position: absolute;
  content:"";
  top:50%;
  right:-18px;
  transform: translateY(-50%);
  width:12px;
  height:12px;
  background-image: url(/files/img/common/arrow-btn-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
} 

.p-recruit__form-policy-check{
  display: flex;
  align-items: center;
  gap:8px;
}
@media screen and (max-width:767px) {
  .p-recruit__form-policy-check{
    gap:0;
  }
}

.p-recruit__form-policy-check input{
  position: relative;
      margin: 0;
      padding: 0;
      width: 2rem;
      height: 2rem;
      background: none;
      border: none;
      border-radius: 0;
      cursor: pointer;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}

.p-recruit__form-policy-check input::before{
  position: absolute;
        content: "";
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 15px;
        height: 15px;
        opacity: 1;
        border: 1px solid var(--color-black);
}

.p-recruit__form-policy-check input::after{
  position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(/files/img/recruit/check-icon.svg);
        background-size: cover;
        opacity: 0;
        height: 8px;
        width: 10px
}

.p-recruit__form-policy-check input:checked::after{
  opacity: 1;
}

.p-recruit__form-radio{
  margin-top: 8px;
}

@media screen and (max-width:767px) {
  .p-recruit__form-radio--responsive-column{
    display: flex;
    flex-direction: column;
    gap:8px;
  }
}

.p-recruit__form-radio input[type="radio"] {
  display: none;
}

.p-recruit__form-radio label {
  position: relative;
  padding-left: 28px;
  margin-right: 18px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width:767px) {
  .p-recruit__form-radio label {
    padding-left: 24px;
    margin-right: 14px;
  }
}

.p-recruit__form-radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: 2px solid #000000;
  border-radius: 50%;
  background-color: #fff;
}

.p-recruit__form-radio input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #000000;
}

.p-recruit__form-btn-send--prev{
  font-size: 14px;
  cursor: pointer;
  background-color: var(--color-blue);
}
@media screen and (max-width:767px) {
  .p-recruit__form-btn-send--prev{
    width:65%
  }
}

.p-recruit__form-confirm-txt{
  text-align: center;
  color:#ffffff;
  width: 100%;
  padding:24px 0;
  font-weight: 500;
  border-radius: 5px;
  background-color: #c30d23;
}
.p-recruit__form-confirm-txt span{
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .p-recruit__form-confirm-txt span{
    font-size: 14px;
  }
}
.p-recruit__form-thanks-ttl{
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 4px;
  border-bottom: 1px solid #ffffff;
}

@media screen and (max-width:767px) {
  .p-recruit__form-thanks-ttl{
    font-size: 32px;
  }
}

.p-recruit__form-thanks-area{
  text-align: center;
  color:#ffffff;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: #c30d23;
}

.p-recruit__form-thanks-square{
  padding:24px 24px 32px 24px;
  border-radius: 5px;
  border: 1px solid #ffffff;
}

@media screen and (max-width:767px) {
  .p-recruit__form-thanks-square{
    padding:24px 15px 32px 15px;
  }
}

.p-recruit__form-thanks-txt{
  margin-top: 14px;
  font-weight: 500;
}

@media screen and (max-width:767px) {
  .p-recruit__form-thanks-txt{
    font-size: 12px;
  }
}

.p-recruit__form-td p{
  font-size: 14px;
}