@charset "utf-8";
#recruit .subpage-header{
  padding-bottom: 120px;
}

#recruit .subpage-header .subpage-header__bg{
  background-image:var(--recruit-mv);
  background-position: top right;
}

@media screen and (max-width:768px){
  #recruit .subpage-header{
    padding-bottom: 80px;
  }
  #recruit .section-title.line-left::before{
    right: calc(35vw + 20px);
  }
  #recruit .section-title::after{
    width: 65vw;
  }

  .section-title.line-left .section-title__text-en, .section-title.line-left .section-title__text-ja{
    padding-right: calc(35vw + 20px);
  }

/*===========max-width:768px============*/
}

/*================
message
================*/
#recruit-message .message__header{
  background-color: #ced6ff;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 90vw;
}

#recruit-message .message__title{
font-family: var(--font-ibmplex);
letter-spacing: .2em;
font-size: 34px;
font-weight: 600;
line-height: 1.8;
}

#recruit-message .message__description{
  background-color: #E9ECFF;
  width: 90vw;
  border-radius: 0  0 80px 0;

}
#recruit-message .message__description .message__description-wrapper{
  display: flex;
  gap: 48px;
}

#recruit-message .message__description .message__text{
  padding-top: 32px;
  padding-bottom: 96px;
  padding-left: 72px;
}

#recruit-message .message__description .message__text p{
  font-family: var(--font-ibmplex);
  font-size: 14px;
  letter-spacing: .2em;
  font-weight: 600;
  line-height: 2;
  max-width: 480px;
  width: 100%;
}
#recruit-message .message__description .message__image{
  margin-top: -160px;
}

#recruit-message .message__description .message__image img {
  width: 277px;
  height: 660px;
  object-fit: cover;
  object-position: center center;
}

#recruit-message .message__description .message__image span{
  display:block;
  text-align: right;
  font-family: var(--font-ibmplex);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .2em;
  color: var(--color-black);
  padding-top: 16px;
}

@media screen and (max-width:1025px){
  #recruit-message .message__description .message__text{
    padding-left: initial;
  }
/*===========max-width:1025px============*/
}

@media screen and (max-width:960px){
  #recruit-message .message__title{
    font-size: 24px;
  }
/*===========max-width:960px============*/
}

@media screen and (max-width:768px){
  #recruit-message .message__header{
    width: 92vw;
  }

  #recruit-message .message__description{
    width: 92vw;
  }
  #recruit-message .message__description .message__description-wrapper{
    flex-direction: column;
    gap: 24px;
  }

  #recruit-message .message__description .message__text{
    padding-bottom: initial;
  }
  
  #recruit-message .message__description .message__text p{
    max-width: initial;
  }
  #recruit-message .message__description .message__image{
    margin-top: initial;
    padding-bottom: 40px;
  }

  #recruit-message .message__description .message__image img{
    width: 100%;
    }
/*===========max-width:768px============*/
}

@media screen and (max-width:600px){
  #recruit-message .message__description .message__image img{
    width: 100%;
    height: 440px;
    }

    #recruit-message .message__description .message__text p{
      line-height:1.75;
    }
/*===========max-width:600px============*/
}

/*================
interview
================*/
#recruit-interview{
  position: relative;
}

/* title */
  #recruit-interview .section-title::after {
    width: 90vw;
  }
  #recruit-interview .section-title.line-right::before {
    left: calc(10vw + 20px);
  }
  #recruit-interview .section-title.line-right .section-title__text-en,
  #recruit-interview .section-title.line-right .section-title__text-ja {
    text-align: left;
    padding-left:  calc(10vw + 64px);
  }
 
  @media screen and (max-width:790px) {
    #recruit-interview{
      padding-top: 40px;
    }

    #recruit-interview .section-title{
    margin-top:-40px;
    }

    #recruit-interview .section-title::after{
      width: 92vw;
    }

    #recruit-interview .section-title.line-right::before{
      left: calc(8vw + 20px);
    }

    #recruit-interview .section-title.line-right .section-title__text-en,
    #recruit-interview .section-title.line-right .section-title__text-ja {
      padding-left: calc(8vw + 32px);
    }
  }
  @media screen and (max-width:600px) {
    #recruit-message .message__title{
      font-size: 18px;
    }
  }

  /* interview_mv */
  #recruit-interview .interview__bg-line{
    position: absolute;
    width:50vw;
    height: 125px;
    background-color: #E9ECFF;
    right: 0;
    top: 88px; 
    z-index: -1;
  }

  #recruit-interview .interview__bg-right{
    position: absolute;
  background-image: var(--bg-wave-medium);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  width: 420px;
  height: 100%;
  right: -272px;
  top: 710px;
  z-index: -1;
  }
  
  #recruit-interview .interview__bg-left{
    position: absolute;
  background-image: var(--bg-wave-medium_02);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  width: 392px;
  height:306px;
  left: -287px;
  bottom:72px;
  z-index: -1;
  }

  #recruit-interview .interview__mv{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 32px;
  }

  #recruit-interview .interview__mv .interview__copy{
    margin-right: -80px;
    z-index: 1;
    background-color: var(--color-white);
  }

  #recruit-interview .interview__mv .interview__copy p{
font-family: var(--font-ibmplex);
letter-spacing: .2em;
font-size: 22px;
font-weight: 600;
line-height: 2.2;
padding: 40px;
  }

  #recruit-interview .interview__mv .interview__img{
    width: 70%;
    height: auto;
    object-fit: cover;
    object-position: top center;
    aspect-ratio: 827 / 463;
   margin-right: 0;
  }

  /* 小西さん */
  #recruit-interview .interview.interview-02 {
    padding-top: 56px;
  }

  #recruit-interview .interview-02 .interview__bg-line{
    position: absolute;
    width:90vw;
    height: 125px;
    top: 0; 
  }

  #recruit-interview .interview-02 .interview__mv .interview__img{
    margin-right: 64px;
  }


  @media screen and (max-width:1025px){
    
  #recruit-interview .interview__mv .interview__img{
    width: 65%;
  }
    #recruit-interview .interview__mv .interview__copy p{
      font-size: 18px;
      padding: 24px;
        }
  /*===========max-width:1025px============*/
  }

  @media screen and (max-width:960px){
    /* 小西さん */
    #recruit-interview .interview-02 .interview__mv .interview__img{
      margin-right: 5.6%;
    }
  /*===========max-width:960px============*/
  }

  @media screen and (max-width:768px){
    #recruit-interview .interview__mv .interview__copy p{
      font-size: 16px;
      padding: 16px;
        }
    #recruit-interview .interview__mv .interview__copy{
      margin-right: -60px;
      z-index: 1;
      background-color: var(--color-white);
      margin-left: 5.6%;
    }
  
    #recruit-interview .interview__mv .interview__img
    {
      width: 80%;
      margin-right: -96px;
    }

    /* 小西さん */
    #recruit-interview .interview.interview-02{
padding-top: 32px;
    }
    #recruit-interview .interview-02 .interview__bg-line{
      height: 56px;
    }
    #recruit-interview .interview-02 .interview__mv .interview__copy{
      margin-right: -80px;
    }

    #recruit-interview .interview-02 .interview__mv .interview__img{
      width: 70%;
    }
  /*===========max-width:768px============*/
  }

  @media screen and (max-width:600px){
    #recruit-interview .interview__mv .interview__copy p{
      font-size: 14px;
      line-height: 1.8;
      padding:8px;
    }

    #recruit-interview .interview__bg-right{
      width: 240px;
      right: -136px;
      top: 30%;
    }

    #recruit-interview .interview__bg-left{
      width: 196px;
      left:-143px;
    }

 
  /*===========max-width:600px============*/
  }

  /* interview__profile */
  #recruit-interview .interview__profile{
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
  }

  #recruit-interview .interview__profile .interview__profile-wrapper{
    display: flex;
    gap: 40px;
    align-items: flex-start;
  }

  #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-title span{
    display: block;
    background-color: var(--color-gray-dark);
  color: var(--color-white);
  padding: 40px 80px;
  font-family: var(--font-tsukimi);
  font-weight: 500;
  letter-spacing: .12em;
  font-size: 14px;
  }

  #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-join{
    font-family: var(--font-ibmplex);
    font-weight: 600;
  }

  #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-join span{  
    font-size: 14px;
    letter-spacing: .1em;
  } 

  
  #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-join .interview__profile-name{
font-size: 22px;
letter-spacing: .2em;
  }

  #recruit-interview .interview__profile .interview__description{
    padding-left: 40px;
   padding-bottom: 64px;
    border-left: 1px solid var(--color-gray-dark);
    font-family: var(--font-ibmplex);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1em;
  } 

  #recruit-interview .interview__profile .interview__description p{
    max-width: 392px;
  }

  @media screen and (max-width:1025px){
    #recruit-interview .interview__profile .interview__profile-wrapper{
      gap: 24px;
    }

    #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-title span{
      padding: 20px 40px;
    }

    #recruit-interview .interview__profile{
      gap: 24px;
    }
    #recruit-interview .interview__profile .interview__description{
      padding-left: 24px;
    }
    
  /*===========max-width:1025px============*/
  }

  @media screen and (max-width:960px){
    #recruit-interview .interview__profile{
      flex-direction: column;
    }

    #recruit-interview .interview__profile .interview__profile-wrapper{
      align-items: center;
      gap: 40px;
    }

    #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-title span{
      padding: 40px 80px;
    }

    #recruit-interview .interview__profile .interview__description{
      border-left: none;
      border-top: 1px solid var(--color-gray-dark);
      padding-left: initial;
      padding-top: 24px;
      padding-bottom: 0;
    }

    #recruit-interview .interview__profile .interview__description p{
      width: 100%;
      max-width: initial;
    }
      #recruit-interview .interview__profile .interview__description .br-pc{
        display: none;
      }
  /*===========max-width:960px============*/
  }

  @media screen and (max-width:600px){
    #recruit-interview .interview__profile .interview__profile-wrapper{
      gap: 24px;
    }
    
    #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-title span{
      padding: 20px 40px;
      font-size: 12px;
    }

    #recruit-interview .interview__profile .interview__profile-wrapper .interview__profile-join .interview__profile-name{
      font-size: 18px;
    }

    #recruit-interview .interview__profile .interview__description{
      line-height:1.75;
    }
  /*===========max-width:600px============*/
  }

  /* interview__story */
  #recruit-interview .interview__story{
    display: flex;
    align-items: center;
    gap: 96px;
    padding-bottom: 92px;
  }

  #recruit-interview .interview__story img{
    width: 40%;
    height: auto;
    aspect-ratio: 400 / 282;
    object-fit: cover;
  }

  #recruit-interview .interview__story .interview__story-wrapper .interview__story-title{
    font-family: var(--font-ibmplex);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .2em;
    padding-bottom: 40px;
    line-height: 1.8;
  }
  #recruit-interview .interview__story .interview__story-wrapper .interview__story-description{
    font-family: var(--font-ibmplex);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 2;
  }

  @media screen and (max-width:1025px){
    #recruit-interview .interview__story{
      gap: 40px;
    }
  /*===========max-width:1025px============*/
  }

  @media screen and (max-width:960px){
    #recruit-interview .interview__story img{
      width: 50%;
    }

    #recruit-interview .interview__story .interview__story-wrapper .interview__story-title{
      font-size: 18px;
    }
  /*===========max-width:960px============*/
  }

  @media screen and (max-width:768px){
     #recruit-interview .interview__story{
      flex-direction: column;
    }

    #recruit-interview .interview__story img{
      width: 100%;
      height: 282px;
    }

    #recruit-interview .interview__story .interview__story-wrapper .interview__story-title{
      padding-bottom: 24px;
    }
  /*===========max-width:768px============*/
  }

  @media screen and (max-width:600px){
    #recruit-interview .interview__story{
      gap: 24px;
      padding-bottom: 40px;
    }
    #recruit-interview .interview__story img{
      height: 240px;
    }

    #recruit-interview .interview__story .interview__story-wrapper .interview__story-description{
      line-height:1.75;
    }
  /*===========max-width:600px============*/
  }


  /* qa */
  #recruit-interview .interview__qa-item{
    padding-bottom: 56px;
  }

  #recruit-interview .interview__qa .interview__qa-q{
    background-color:#E9ECFF;
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
    margin-left: 20vw;
  } 

  #recruit-interview .interview__qa .interview__qa-item:last-child{
    padding-bottom: 0;
  }

  #recruit-interview .interview__qa .interview__qa-q img{
    width: 42px;
    margin-left: 40px;
  }

  #recruit-interview .interview__qa .interview__qa-q p{
    font-family: var(--font-ibmplex);
    font-size: 22px;
    letter-spacing: .1em;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #recruit-interview .interview__qa .interview__qa-a{
padding-top: 30px;
max-width: 850px;
  }
  
  #recruit-interview .interview__qa .interview__qa-a p{
    font-family: var(--font-ibmplex);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .1em;
  }

  @media screen and (max-width:1600px){
    #recruit-interview .interview__qa .interview__qa-q{
      margin-left: 15vw;
    }
  /*===========max-width:1600px============*/
  }

  @media screen and (max-width:1300px){
    #recruit-interview .interview__qa .interview__qa-q{
      margin-left: 10vw;
    }
  /*===========max-width:1300px============*/
  }

  @media screen and (max-width:1025px){
    #recruit-interview .interview__qa .interview__qa-q{
      margin-left:5.6%
    }

    #recruit-interview .interview__qa .interview__qa-a p{
      padding-left: 16px;
    }
  /*===========max-width:1025px============*/
  }

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

    #recruit-interview .interview__qa-item{
      padding-bottom: 32px;
    }

    #recruit-interview .interview__qa .interview__qa-q img{
      width: 24px;
      margin-left: 16px;
    }

    #recruit-interview .interview__qa .interview__qa-q{
      gap: 16px;
    }

    #recruit-interview .interview__qa .interview__qa-q p{
      font-size: 16px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 5.6%;
      text-align: initial;
    }

    #recruit-interview .interview__qa .interview__qa-a{
      padding-top: 24px;
    }
  /*===========max-width:768px============*/
  }

/*================
qa
================*/
.recruit-detail {
  padding-bottom: 64px;
  position: relative;
}

.recruit-detail .recruit-detail__description {
  font-family: var(--font-ibmplex);
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.8;
}

.recruit-detail .recruit-detail__header {
  display: flex;
  align-items: center;
  padding-bottom: 32px;
}

.recruit-detail .recruit-detail__header .recruit-detail__number {
  height: 72px;
  background-color: #a29494;
  padding-left: 30px;
  padding-right: 22px;
  border-radius: 36px 0 0 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.recruit-detail .recruit-detail__header .recruit-detail__number .recruit-detail__step {
  font-family: var(--font-tsukimi);
  color: var(--color-white);
  font-size: 13px;
  letter-spacing: 0.075em;
}

.recruit-detail .recruit-detail__header .recruit-detail__number .recruit-detail__icon {
  width: 37px;
}

.recruit-detail .recruit-detail__header .recruit-detail__title {
  border: 2px solid #a29494;
  height: 72px;
  display: flex;
  align-items: center;
  font-size: 22px;
  letter-spacing: 0.28em;
  font-weight: 700;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 0 36px 36px 0;
  background-color: var(--color-white);
  width: 100%;
  color: #a29494;
  font-weight: 700;
  letter-spacing: 0.28em;
}

.recruit-detail .recruit-detail__content .recruit-detail__content-text {
  padding-bottom: 32px;
  max-width: 620px;
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

.recruit-detail .recruit-detail__image {
  position: absolute;
  width: 200px;
  top: 12%;
  right: 0;
  z-index: 3;
}

#recruit-qa {
  background-color: rgba(223, 240, 248, 0.9);
  padding-top: 120px;
}

#recruit-qa .section-title .section-title__text-en,
#recruit-qa .section-title .section-title__text-ja {
  padding-right: initial;
  text-align: left;
}

#recruit-qa .recruit__description.recruit__description-header {
  padding-bottom: 36px;
}

#recruit-qa .recruit__description.recruit__description-header .recruit__description-text {
  padding-bottom: 0;
}

#recruit-qa .recruit__description {
  padding-bottom: 40px;
}

#recruit-qa  .recruit-detail {
  padding-bottom: 20px;
}

#recruit-qa .recruit-detail .recruit-detail__header {
  padding-bottom: 28px;
}

#recruit-qa
  .recruit-detail
  .recruit-detail__header
  .recruit-detail__number
  .recruit-detail__icon {
  width: 24px;
}

#recruit-qa .recruit-detail .recruit-detail__header .recruit-detail__title {
  padding-left: 24px;
  padding-right: 24px;
  font-size: 20px;
  letter-spacing: 0.05em;
}

#recruit-qa .recruit-detail .recruit-detail__content {
  padding-left: 96px;
  padding-right: 28px;
  display: flex;
  gap: 8px;
}

#recruit-qa .recruit-detail .recruit-detail__content .recruit-detail__answer {
  display: block;
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-style: italic;
  margin: 0;
}

#recruit-qa .recruit-detail .recruit-detail__content .recruit-detail__content-text {
  padding-bottom: 0;
  max-width: initial;
}

@media screen and (max-width: 1025px) {
  .recruit-detail .recruit-detail__content .recruit-detail__content-text {
    max-width: 500px;
  }

  /*===========max-width:1025px============*/
}

@media screen and (max-width: 960px) {
  .recruit-detail .recruit-detail__image {
    width: 180px;
  }

  /*===========max-width:960px============*/
}

@media screen and (max-width: 768px) {
  .recruit-detail .recruit-detail__header .recruit-detail__title {
    font-size: 18px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .recruit-detail .recruit-detail__content .recruit-detail__content-text {
    padding-bottom: 24px;
    max-width: 400px;
  }

  .recruit-detail .recruit-detail__image {
    width: 120px;
  }

  #recruit-qa .recruit-qa__container {
    padding-left: 5.6%;
    padding-right: 5.6%;
  }

  #recruit-qa .recruit-detail .recruit-detail__content {
    padding-left: 24px;
    padding-right: initial;
  }

  #recruit-qa .recruit-detail .recruit-detail__header .recruit-detail__title {
    font-size: 18px;
  }

  #recruit-qa .section-title .section-title__text-en,
  #recruit-qa .section-title .section-title__text-ja {
    padding-left: 5.6%;
  }

  /*===========max-width:768px============*/
}

@media screen and (max-width: 600px) {
  .recruit-detail {
    padding-bottom: 40px;
  }

  .recruit-detail .recruit-detail__header .recruit-detail__number {
    padding-left: 20px;
    padding-right: 12px;
  }

  .recruit-detail .recruit-detail__header .recruit-detail__number .recruit-detail__icon {
    width: 30px;
  }

  .recruit-detail .recruit-detail__header .recruit-detail__title {
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .recruit-detail .recruit-detail__image {
    top: initial;
    bottom: 8px;
    width: 90px;
  }

  #recruit-qa {
    padding-bottom: 60px;
  }

  #recruit-qa .section-title .section-title__text-en,
  #recruit-qa .section-title .section-title__text-ja {
    padding-left: 8.6%;
  }

  #recruit-qa .recruit-detail .recruit-detail__header .recruit-detail__title {
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  /*===========max-width:600px============*/
}

/*================
Job description
================*/
#recruit-job{
  padding-top:120px;
}

/* title */
#recruit-job .section-title::after {
	width: 43.2vw;
}
#recruit-job .section-title.line-left::before {
	right: calc(56.8vw + 20px);
}
#recruit-job .section-title.line-left .section-title__text-en,
#recruit-job .section-title.line-left .section-title__text-ja {
	padding-right: calc(56.8vw + 64px);
}

@media screen and (max-width:600px) {
	#recruit-job .section-title.line-left::before {
		right: calc(48vw + 20px);
	}
	#recruit-job .section-title::after {
		width: 52vw;
	}
	#recruit-job .section-title.line-left .section-title__text-en,
	#recruit-job .section-title.line-left .section-title__text-ja {
		padding-right: calc(48vw + 32px);
	}
}

/*Job description */
#recruit-job .recruit-title{
  background-color: #E9ECFF;
  padding: 32px 0 32px 64px;
  border-left: 0.5px solid var(--color-gray-medium);
  border-top: 0.5px solid var(--color-gray-medium);
  border-right: 0.5px solid var(--color-gray-medium);
  font-family: var(--font-ibmplex);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .3em;
}

#recruit-job .recruit-job__content dl {
  display: flex;
  flex-wrap: wrap;
  padding:18px 0px 18px 24px;
  background: #fff;
  border-left: 0.5px solid var(--color-gray-medium);
  border-bottom: 0.5px solid var(--color-gray-medium);
  border-right: 0.5px solid var(--color-gray-medium);
}

#recruit-job .recruit-item {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  border-bottom: .5px solid var(--color-gray-medium);
  padding: 20px 0;
}

#recruit-job .recruit-item.border-none{
  border-bottom: none;
}

#recruit-job .recruit-item dt {
  width: 128px;
  padding-left: 40px;
  font-family: var(--font-ibmplex);
  color: var(--color-gray-medium);
  font-weight: 600;
  font-size: 16px;
}

#recruit-job .recruit-item dt span{
  display: block;
  width: 100%;
  text-align-last: justify;
}

#recruit-job .recruit-item dd {
  width: calc(100% - 168px + 24px);
  color: var(--color-gray-medium);
  letter-spacing: .2em;
  padding-left: 72px;
  padding-right: 56px;
  font-family: var(--font-ibmplex);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .1em;
}

#recruit-job .recruit-item dd.bold{
  font-size: 20px;
  font-weight: 700;
}

#recruit-job .recruit-item dd ul{
  padding-left:.5em;
  margin: 0;
  list-style: none;
}

#recruit-job .recruit-item dd ul li{
  position: relative;
}

#recruit-job .recruit-item dd ul li::before{
content: "・";
position: absolute;
left: -.9em;
top: 0;
display: block;
}

/* 背景画像 */
#recruit-job .job-bg-right,
#recruit-job .job-bg-left
 {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--bg-wave-small_02);
  width: 207px;
  height: 240px; 
  z-index: -1;
}

#recruit-job .job-bg-right{
  top: 0;
  right: -40px;
}

#recruit-job .job-bg-left{
 left: -56px;
  top: 30%;
  z-index: -1;
}

@media screen and (max-width:960px){
  #recruit-job .recruit-item dt{
    padding-left: 24px;
    top:0;
  }

  #recruit-job .recruit-item dd{
    padding-left: 40px;
    padding-right: 24px;
  }
/*===========max-width:960px============*/
}
@media (max-width: 768px) {
  #recruit-job .recruit-title{
    padding: 16px 0 16px 40px;
    font-size: 16px;
  }
  #recruit-job .recruit-job__content dl{
    padding: 0px 0px 24px 24px;
  }
  #recruit-job .recruit-item {
    display: block;
    padding: 8px 0;
    border-bottom: none;
  }
  #recruit-job .recruit-item dt {
    width: 100%;
    text-align: left;
    font-size: 14px;
    padding: 8px 16px;
    border-bottom:.5px solid var(--color-gray-medium);
    background: #F7F6F4;
  }

  #recruit-job .recruit-item dt span{
    width: 102px;
  }
  #recruit-job .recruit-item dd {
    width: 100%;
    font-size: 14px;
    padding: 16px 24px 0 16px;
  }
  #recruit-job .recruit-item dd.bold{
    font-size: 18px;
  }
}

@media screen and (max-width:600px){
  #recruit-job{
    padding-top: 80px;
  }
  #recruit-job .recruit-title{
    padding-left: 16px;
  }

  #recruit-job .recruit-job__content dl{
    padding-left: 10px;
  }

  #recruit-job .recruit-item dt{
    padding: 8px;
  }

  #recruit-job .recruit-item dd{
    padding-left: 8px;
  }

  /* 背景画像 */
  #recruit-job .job-bg-right,
  #recruit-job .job-bg-left{
    width: 103.5px;
    height: 120px;
  }

/*===========max-width:600px============*/
}

/*================
recruit-entry-form
================*/
#recruit-entry-form{
  background-color: #E9ECFF;
}

#recruit-entry-form .form__container {
  background-color: initial;
  margin-top: initial;
  max-width: 664px;
  width: 100%;
}

#recruit-entry-form .form__container .form__title{
font-family: var(--font-ibmplex);
font-weight: 600;
font-size: 22px;
letter-spacing: .3em;
padding-bottom: 40px;
color: var(--color-gray-medium)
}

#recruit-entry-form .form__container .form__description{
 font-family: var(--font-ibmplex);
 font-weight: 600;
 font-size: 14px;
 letter-spacing: .1em;
}

#recruit-entry-form .form__container .form{
  padding-top: 72px;
}

#recruit-entry-form .form__container .form .form__group label{
  color: var(--color-gray-medium)
}

#recruit-entry-form .form__container .form .form__group label .form__optional{
  color: var(--color-gray-medium);
}

#recruit-entry-form .form__container .form .form__submit-button{
  display: flex;
	justify-content: center;
	align-items: center;
	width: 328px;
	height: 64px;
	text-decoration: none;
	border-radius: 30px;
	background: linear-gradient(to right, #B3D9FF, #B5EEBD);
	cursor: pointer;
	transition: all 0.3s ease;
  color: var(--color-gray-dark);
  font-size: 14px;
letter-spacing: 2em;
font-family: var(--font-ibmplex);
font-weight: 500;
text-indent: 2em;
}

#recruit-entry-form .form__container .form .form__submit-button:hover{
  transform: translateY(-5px);
}

@media screen and (max-width:768px){
  #recruit-entry-form .form__container .form__title{
    font-size: 18px;
    padding-bottom: 24px;
  }
	#recruit-entry-form .form__container .form .form__submit-button{
    width: 256px;
  }

  #recruit-entry-form .form__container .form{
    padding-top: 40px;
  }
/*===========max-width:768px============*/
}