@charset "UTF-8";

#recruit_body + section .header{
  position:relative;
  padding-top: 3rem;
}

#recruit_body + section .recruit_title{
    position: absolute;
    top: -1rem;
    left: 2rem;
    font-size: 1.8em;
    font-weight:bold;
    font-size: 2em;
}

#recruit_body + section .header_img img{ 
  width:100%;
}

#recruit_body + section .recruit_text{
    position: absolute;
    bottom: 8rem;
    background-color: var(--i_main_color);
    color: #fff;
    padding: 1rem 4rem;
}

#recruit_body + section .about_title_wrap{
    padding-left: 4rem;  
}

#recruit_body + section .about{
  position: relative;
  top: -3.5rem;
}

#recruit_body + section .about_title{
    margin-bottom: 0;  
}

#recruit_body + section .about_title_span{
    font-weight: bold;
    font-size: 1.5em;
    width: fit-content;
    border-bottom: 3px solid var(--i_txt_color);
}

#recruit_body + section .about_text{
    padding: 2rem 4rem;
    border: 4px solid var(--i_main_color);
    margin-top: 3rem;
}

#recruit_body + section .about-g{
    border: 4px solid var(--i_main_color);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#recruit_body + section .about2-wrap1{
    padding: 4rem;
}

#recruit_body + section .qa-2,
#recruit_body + section .qa{
  text-align:right;
}

#recruit_body + section .qa_text_span-3{
  position: relative;
}

#recruit_body + section .qa_text_span-3,
#recruit_body + section .qa_text_span-2,
#recruit_body + section .qa_text_span{
    background-color: var(--i_main_color);
    color: #fff;
    padding: 2rem 10rem;
    display: block;
    width: fit-content;
}

#recruit_body + section .qa_text_span{
  margin-left:auto;
}

#recruit_body + section .qa_text_span.-left{
  margin-left:0;
  margin-right:auto;
  margin-bottom:1rem;
}

#recruit_body + section .qa_text_span-2{
  margin-left:auto;
}

#recruit_body + section .qa_wrap2,
#recruit_body + section .qa_wrap{
  display:flex;
  margin-top:3rem;
  gap: 3rem;
}

#recruit_body + section .qa_wrap2{
  flex-direction:row-reverse;
}

#recruit_body + section .qa1_subwrap,
#recruit_body + section .qa_img1,
#recruit_body + section .qa_img2,
#recruit_body + section .qa2_subwrap{
  width:calc(100%  / 2);
}

#recruit_body + section .about2-wrap1 ul li,
#recruit_body + section .qa_wrap2 ul li,
#recruit_body + section .qa_wrap ul li{
  list-style:none;
}

#recruit_body + section .qa1_text{
  display:flex;
  align-items:center;
  gap:2rem;
}

#recruit_body + section .qa_01_span{
  color:var(--i_main_color);
  font-size:1.8em;
  line-height: 1.8;
  border-bottom:3px solid var(--i_main_color);
}

#recruit_body + section .border2{
  display:none;
}

#recruit_body + section .qa1_answer_text{
   padding-left:6rem;
   padding-bottom: 3rem;
}

#recruit_body + section .left-green{
   margin-top: 6rem;
}

#recruit_body + section .left-green .mail-wrap{
   margin-top: 3rem;
}

#recruit_body + section .qa_img2 img,
#recruit_body + section .qa_img1 img{
  width:100%;
}

@media screen and (max-width:768px){
  #recruit_body + section .recruit_text{
    position: relative;
    top: initial;
    bottom: initial;
    margin-bottom: 5rem;
  }

  #recruit_body + section .qa_wrap2, #recruit_body + section .qa_wrap{
    flex-direction:column-reverse;
  }

  #recruit_body + section .qa1_subwrap, #recruit_body + section .qa_img1, #recruit_body + section .qa_img2, #recruit_body + section .qa2_subwrap{
    width:100%;
  }

  #recruit_body + section .qa_text_span-3, #recruit_body + section .qa_text_span-2, #recruit_body + section .qa_text_span {
    padding: 2rem;
  }

  #recruit_body + section .qa1_text{
    flex-direction:column;
    align-items: flex-start;
  }

  #recruit_body + section .qa1_answer_text{
    padding-left: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #recruit_body + section .about2-wrap1{
    padding:2rem;
  }
}