/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	RECRUIT
------------------------------------------------------------*/
.recruit.change:after {
  opacity: 1; }
.recruit:before {
  content: '';
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/common/bg.jpg") 0 bottom no-repeat;
  background-size: cover; }
  @media screen and (max-width: 751px) {
    .recruit:before {
      background: url("../img/common/bg_sp.jpg") 0 bottom no-repeat;
      background-size: cover; } }
.recruit:after {
  content: '';
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url("../img/recruit/index/purpuse_bg.png") center center no-repeat;
  background-size: cover;
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1); }
.recruit .kv {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 195px 0 0;
  width: 1000px;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: left;
  font-weight: 700; }
  @media screen and (max-width: 751px) {
    .recruit .kv {
      padding: 30.13333vw 6.4vw 0;
      width: 100%; } }
  .recruit .kv:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: -350px;
    left: 50%;
    width: 100vw;
    height: 100vh;
    background: url("../img/about/index/header_img.png") 0 0 no-repeat;
    transform: translateX(-37%); }
    @media screen and (max-width: 751px) {
      .recruit .kv:before {
        top: 0;
        right: 0;
        left: auto;
        background: url("../img/about/index/sp_header_img.png") right top no-repeat;
        background-size: auto;
        transform: none; } }
  .recruit .kv h1 span {
    display: block;
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.06em; }
@media screen and (max-width: 751px) {
  .recruit_navi {
    padding: 5.33333vw 0 0; } }
.recruit_navi ul {
  display: flex;
  flex-wrap: wrap;
  width: 410px; }
  @media screen and (max-width: 751px) {
    .recruit_navi ul {
      width: 90%; } }
  @media screen and (max-width: 751px) {
    .recruit_navi ul {
      flex-wrap: wrap; } }
  .recruit_navi ul li {
    position: relative;
    padding: 20px 30px 0;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.06em; }
    @media screen and (max-width: 751px) {
      .recruit_navi ul li {
        padding: 0 5.86667vw;
        font-size: 3.46667vw;
        line-height: 1; } }

    .recruit_navi ul li:first-child, .recruit_navi ul li:nth-child(3),.recruit_navi ul li:nth-child(6){
      padding-left: 0; }

      @media screen and (max-width: 751px) {
        .recruit_navi ul li:first-child,.recruit_navi ul li:nth-child(3), .recruit_navi ul li:nth-child(6){
          padding: 0 5.86667vw; } }

      .recruit_navi ul li:first-child:before, .recruit_navi ul li:nth-child(3):before, .recruit_navi ul li:nth-child(6):before{
        display: none; }

        @media screen and (max-width: 751px) {
          .recruit_navi ul li:first-child:before,.recruit_navi ul li:nth-child(4):before,.recruit_navi ul li:nth-child(6):before{
            display: block; } }

    @media screen and (max-width: 751px) {
      .recruit_navi ul li:first-child, .recruit_navi ul li:nth-child(2),.recruit_navi ul li:nth-child(3),.recruit_navi ul li:nth-child(5),.recruit_navi ul li:nth-child(6),.recruit_navi ul li:nth-child(7){
        padding-left: 0; } }

    @media screen and (max-width: 751px) {
      .recruit_navi ul li:first-child:before,.recruit_navi ul li:nth-child(2):before,.recruit_navi ul li:nth-child(3):before,.recruit_navi ul li:nth-child(5):before,.recruit_navi ul li:nth-child(6):before,.recruit_navi ul li:nth-child(6):before,.recruit_navi ul li:nth-child(7):before{
        display: none; }
		
        .recruit_navi ul li:nth-child(2),.recruit_navi ul li:nth-child(5),.recruit_navi ul li:nth-child(6){
		 flex-basis: 100%;
        }
		.recruit_navi ul li:nth-child(2) a,.recruit_navi ul li:nth-child(5) a,.recruit_navi ul li:nth-child(6) a{
		text-align: left;
		}
		
}

    .recruit_navi ul li:before {
      content: '';
      display: block;
      position: absolute;
      top: 20px;
      left: 0;
      width: 1px;
      height: 20px;
      background: #B19A9A; }
      @media screen and (max-width: 751px) {
        .recruit_navi ul li:before {
          top: 1.33333vw;
          height: 5.33333vw; } }
    .recruit_navi ul li a {
      position: relative;
      display: block;
      padding: 5px 0;
      transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
      white-space: nowrap; }
      @media screen and (max-width: 751px) {
        .recruit_navi ul li a {
          padding: 2.66667vw 0;
          text-align: center; } }
      .recruit_navi ul li a:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 1px;
        background: #E83820;
        transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
        @media screen and (max-width: 751px) {
          .recruit_navi ul li a:before {
            display: none; } }
      .recruit_navi ul li a span {
        position: relative;
        z-index: 2;
        display: inline-block; }
      .pc .recruit_navi ul li a:hover {
        color: #E83820; }
        .pc .recruit_navi ul li a:hover:before {
          width: 100%; }
.recruit_contents {
  margin: 0 auto;
  width: 1000px; }
  @media screen and (max-width: 751px) {
    .recruit_contents {
      width: 100%; } }
  .recruit_contents h2 {
    position: relative;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 700;
    color: #E83820; }
    @media screen and (max-width: 751px) {
      .recruit_contents h2 {
        margin: 0 6.4vw;
        font-size: 4.8vw;
        line-height: 1.72727; } }
    .recruit_contents h2:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 30px;
      height: 1px;
      background: #E83820; }
      @media screen and (max-width: 751px) {
        .recruit_contents h2:after {
          width: 8vw; } }
    .recruit_contents h2 span {
      display: block;
      padding: 10px 0 15px;
      font-size: 12px;
      line-height: 1;
      letter-spacing: 0.12em;
      font-weight: normal;
      text-transform: uppercase; }
      @media screen and (max-width: 751px) {
        .recruit_contents h2 span {
          padding: 1.33333vw 0 3.73333vw;
          font-size: 3.2vw;
          line-height: 1;
          letter-spacing: 0.16em; } }
  .recruit_contents h3 {
    padding: 30px 0 0;
    font-size: 22px;
    line-height: 1.63636;
    letter-spacing: 0.06em;
    font-weight: 700; }
    @media screen and (max-width: 751px) {
      .recruit_contents h3 {
        padding: 6.66667vw 6.4vw 0;
        font-size: 4.8vw;
        line-height: 1.66667; } }
  .recruit_contents p {
    padding: 30px 0 0;
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0.06em; }
    @media screen and (max-width: 751px) {
      .recruit_contents p {
        padding: 6.66667vw 6.4vw 0;
        font-size: 3.73333vw;
        line-height: 1.71429; } }
  .recruit_contents .more_link {
    position: relative;
    display: inline-block;
    padding: 14px 57px 14px 57px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
    @media screen and (max-width: 751px) {
      .recruit_contents .more_link {
        padding: 3.46667vw 15.2vw 3.2vw 15.2vw;
        border-radius: 26.66667vw;
        font-size: 3.73333vw; } }
.recruit .value {
/*margin-top: 171px;*/
margin-top: 180px;
  text-align: center; }
  @media screen and (max-width: 751px) {
    .recruit .value {
      /*margin-top: 16.8vw;*/
	  margin-top: 43.73333vw;} }
  .recruit .value figure {
    display: block; }
  .recruit .value h2 {
    margin-top: 47px; }
    @media screen and (max-width: 751px) {
      .recruit .value h2 {
        margin-top: 10.13333vw; } }
    .recruit .value h2:after {
      left: 50%;
      transform: translateX(-50%); }
  .recruit .value p {
    margin: 0 auto;
    width: 620px;
    text-align: left; }
    @media screen and (max-width: 751px) {
      .recruit .value p {
        width: auto; } }


/*新卒採用情報*/
.recruit .briefing{
margin-top: 171px;
text-align: center;
}
@media screen and (max-width: 751px) {
.recruit .briefing {
margin-top: 16.8vw; } }
.recruit .briefing h2{
margin-top: 47px;
}
.recruit .briefing h2:after {
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 751px) {
.recruit .briefing h2{
padding: 6.66667vw 6.4vw 0;	
}	
}
.recruit .briefing h3{
padding: 30px 0 0;
font-size: 22px;
line-height: 1.63636;
letter-spacing: 0.06em;
font-weight: 700;
}
@media screen and (max-width: 751px) {
.recruit .briefing h3{
padding: 6.66667vw 6.4vw 0;	
}	
}
.recruit .briefing_date {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 60px auto;
width: 620px;
padding: 0;
line-height: 1.71429;
}

@media screen and (max-width: 751px) {
.recruit .briefing_date {
width: 100%;
display: block;
padding:0 6.4vw 0 6.4vw;
line-height: 1.71429;
text-align: left;
} }

.recruit .briefing_date h4 {
width: 200px;
font-weight: 700;
letter-spacing: 0.06em;
font-size: 14px;	
}
@media screen and (max-width: 751px) {
.recruit .briefing_date h4 {
width: auto;
letter-spacing: 0.03em;
font-weight: 700;
position: relative;
padding: 1.33333vw 0 3.73333vw;
font-size: 3.73333vw;
}
.recruit .briefing_date h4:after {
width: 8vw;
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
background: rgb(0,0,0);
}
}

.recruit .briefing_date table {
width: 420px;
font-size: 14px;
text-align: left;
}

@media screen and (max-width: 751px) {
.recruit .briefing_date table {
width: 100%;
font-size: 3.73333vw;} }

.recruit .briefing_date table tr{
border-bottom: solid 1px #BCBCBC;
}

.recruit .briefing_date table tr:first-child th, .recruit .briefing_date table tr:first-child td {
padding-top: 0; }

@media screen and (max-width: 751px) {
.recruit .briefing_date table tr:first-child th, .recruit .briefing_date table tr:first-child td {
padding-top: 5.33333vw; }	
}

.recruit .briefing_date table tr th {
padding: 20px 0 0;
font-weight: 700;
letter-spacing: 0.06em;
text-align: left; }

@media screen and (max-width: 751px) {
.recruit .briefing_date table tr th {
display: block;
padding: 4.8vw 0 0;
letter-spacing: 0.03em; } }

.recruit .briefing_date table tr td {
padding: 20px 0 20px 25px; }

@media screen and (max-width: 751px) {
.recruit .briefing_date table tr td {
display: block;
padding: 5.33333vw 0;
} }



.recruit .human {
  margin-top: 180px; }
  @media screen and (max-width: 751px) {
    .recruit .human {
      margin-top: 43.73333vw; } }
  .recruit .human h2 {
    text-align: center; }
    .recruit .human h2:after {
      left: 50%;
      transform: translateX(-50%); }
  .recruit .human_list {
    position: relative;
    margin-top: 34px;
    width: 107.7%; }
    @media screen and (max-width: 751px) {
      .recruit .human_list {
        width: 100%; } }
    @media screen and (max-width: 751px) {
      .recruit .human_list ul li {
        padding: 0 2.93333vw; } }
    .recruit .human_list ul li a {
      position: relative;
      display: block;
      padding: 0 0 74px; }
      @media screen and (max-width: 751px) {
        .recruit .human_list ul li a {
          padding: 0 0 19.73333vw; } }
      .pc .recruit .human_list ul li a:hover:after {
        left: 0;
        bottom: 3px;
        width: 52px;
        height: 52px;
        border-radius: 26px; }
      .pc .recruit .human_list ul li a:hover dl:after {
        opacity: 1; }
      .recruit .human_list ul li a:before, .recruit .human_list ul li a:after {
        content: '';
        display: block;
        position: absolute; }
      .recruit .human_list ul li a:before {
        left: 0;
        bottom: 3px;
        width: 52px;
        height: 52px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
        border-radius: 26px;
        background: #fff; }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a:before {
            left: 0;
            bottom: 0.8vw;
            width: 13.86667vw;
            height: 13.86667vw;
            border-radius: 6.93333vw; } }
      .recruit .human_list ul li a:after {
        left: 24px;
        bottom: 27px;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background: #E83820;
        transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a:after {
            display: none; } }
      .recruit .human_list ul li a figure {
        display: block;
        width: 282px; }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a figure {
            width: 100%; } }
        .recruit .human_list ul li a figure img {
          width: 100%; }
      .recruit .human_list ul li a dl:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 2;
        left: 20px;
        bottom: 25px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-radius: 0;
        transform: rotate(45deg);
        opacity: 0;
        transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a dl:after {
            left: 5.33333vw;
            bottom: 6.66667vw;
            width: 2.13333vw;
            height: 2.13333vw;
            border-top: 1px solid #E83820;
            border-right: 1px solid #E83820;
            opacity: 1; } }
      .recruit .human_list ul li a dl dt {
        position: relative;
        margin-top: 23px;
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
        color: #E83820; }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a dl dt {
            margin-top: 6.13333vw;
            font-size: 4.26667vw;
            line-height: 1.5; } }
        .recruit .human_list ul li a dl dt:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 30px;
          height: 1px;
          background: #E83820; }
          @media screen and (max-width: 751px) {
            .recruit .human_list ul li a dl dt:after {
              width: 8vw; } }
        .recruit .human_list ul li a dl dt span {
          display: block;
          padding: 10px 0 15px;
          font-size: 12px;
          line-height: 1;
          letter-spacing: 0.06em;
          font-weight: normal; }
          @media screen and (max-width: 751px) {
            .recruit .human_list ul li a dl dt span {
              padding: 2.66667vw 0 3.46667vw;
              font-size: 3.2vw;
              line-height: 1;
              letter-spacing: 0; } }
      .recruit .human_list ul li a dl dd p {
        padding: 24px 0 0;
        font-size: 18px;
        line-height: 1.66667;
        font-weight: 700;
        letter-spacing: normal; }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a dl dd p {
            padding: 6.4vw 0 0;
            font-size: 4.26667vw;
            line-height: 1.625; } }
      .recruit .human_list ul li a dl dd small {
        display: block;
        padding: 15px 0 0;
        font-size: 14px;
        line-height: 1.71429; }
        @media screen and (max-width: 751px) {
          .recruit .human_list ul li a dl dd small {
            padding: 4vw 0 0;
            font-size: 3.73333vw;
            line-height: 1.71429; } }
  .recruit .human .buttons {
    display: flex;
    justify-content: center;
    padding: 57px 0 10px; }
    @media screen and (max-width: 751px) {
      .recruit .human .buttons {
        padding: 6.93333vw 0 2.66667vw; } }
  .recruit .human .button_prev,
  .recruit .human .button_next {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    @media screen and (max-width: 751px) {
      .recruit .human .button_prev,
      .recruit .human .button_next {
        width: 4.26667vw;
        height: 4.26667vw; } }
    .recruit .human .button_prev:before,
    .recruit .human .button_next:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 8px;
      height: 8px;
      border-top: 1px solid #484848; }
      @media screen and (max-width: 751px) {
        .recruit .human .button_prev:before,
        .recruit .human .button_next:before {
          width: 2.13333vw;
          height: 2.13333vw; } }
  .recruit .human .button_prev:before {
    border-left: 1px solid #484848;
    transform: translateY(-50%) rotate(-45deg); }
  .recruit .human .button_next {
    margin-left: 75px; }
    @media screen and (max-width: 751px) {
      .recruit .human .button_next {
        margin-left: 18.66667vw; } }
    .recruit .human .button_next:before {
      border-right: 1px solid #484848;
      transform: translateY(-50%) rotate(45deg); }
.recruit .purpose {
  margin-top: 152px;
  padding: 163px 0 142px;
  text-align: center; }
  @media screen and (max-width: 751px) {
    .recruit .purpose {
      margin-top: 20vw;
      padding: 32vw 0; } }
  .recruit .purpose h2:after {
    left: 50%;
    transform: translateX(-50%); }
  .recruit .purpose a {
    margin-top: 30px; }
    @media screen and (max-width: 751px) {
      .recruit .purpose a {
        margin-top: 2.66667vw; } }
.recruit .company {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 171px; }
  @media screen and (max-width: 751px) {
    .recruit .company {
      display: block;
      margin-top: 17.86667vw; } }
  .recruit .company h2 {
    width: 220px; }
    @media screen and (max-width: 751px) {
      .recruit .company h2 {
        width: auto; } }
  .recruit .company table {
    width: 770px;
    font-size: 14px;
    line-height: 1.71429; }
    @media screen and (max-width: 751px) {
      .recruit .company table {
        margin: 5.33333vw 6.4vw 0;
        width: auto;
        font-size: 3.73333vw;
        line-height: 1.71429; } }
    .recruit .company table tr:first-child th, .recruit .company table tr:first-child td {
      padding-top: 0; }
      @media screen and (max-width: 751px) {
        .recruit .company table tr:first-child th, .recruit .company table tr:first-child td {
          padding-top: 0; } }
    .recruit .company table tr th {
      padding: 20px 0 0;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-align: left; }
      @media screen and (max-width: 751px) {
        .recruit .company table tr th {
          display: block;
          padding: 4.8vw 0 0;
          letter-spacing: 0.03em; } }
    .recruit .company table tr td {
      padding: 20px 0 0 25px; }
      @media screen and (max-width: 751px) {
        .recruit .company table tr td {
          display: block;
          padding: 0; } }
.recruit .type {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 171px; }
@media screen and (max-width: 751px) {
.recruit .type {
display: block;
margin-top: 24.53333vw; } }
.recruit .type h2 {
width: 220px; }
@media screen and (max-width: 751px) {
.recruit .type h2 {
width: auto; } }
.recruit .type ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 770px; }
@media screen and (max-width: 751px) {
.recruit .type ul {
display: block;
padding: 1.33333vw 6.4vw;
width: auto; } }
.recruit .type ul li {
position: relative;
width: 45.45455%;
font-size: 14px;
line-height: 1;
font-weight: 700; }
@media screen and (max-width: 751px) {
.recruit .type ul li {
padding: 0;
width: auto;
font-size: 3.73333vw; } }
.recruit .type ul li:nth-child(n+3) {
padding-top: 36px; }
@media screen and (max-width: 751px) {
.recruit .type ul li:nth-child(n+3) {
padding: 0; } }
.recruit .type ul li:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #BCBCBC; }
.recruit .type ul li a {
position: relative;
display: block;
padding: 0 0 36px; }
@media screen and (max-width: 751px) {
.recruit .type ul li a {
padding: 5.33333vw 0; } }
.recruit .type ul li a:after {
content: '';
display: block;
position: absolute;
top: 0.2rem;
right: 3px;
width: 8px;
height: 8px;
border-top: 1px solid #484848;
border-right: 1px solid #484848;
transform: rotate(45deg); }
@media screen and (max-width: 751px) {
.recruit .type ul li a:after {
top: 50%;
right: 0.8vw;
width: 2.13333vw;
height: 2.13333vw;
transform: translateY(-50%) rotate(45deg); } }
.recruit .faq {
  margin-top: 137px;
  padding: 0 0 130px;
  text-align: center; }
  @media screen and (max-width: 751px) {
    .recruit .faq {
      margin-top: 25.33333vw;
      padding: 0 0 20vw; } }
  .recruit .faq h2:after {
    left: 50%;
    transform: translateX(-50%); }
  .recruit .faq ul {
    margin: 44px auto 0; }
    @media screen and (max-width: 751px) {
      .recruit .faq ul {
        margin: 8vw 6.4vw 0; } }
    .recruit .faq ul li {
      padding: 14px 0 0;
      text-align: left;
      font-size: 14px;
      line-height: 1.71429; }
      @media screen and (max-width: 751px) {
        .recruit .faq ul li {
          padding: 5.33333vw 0 0;
          font-size: 3.73333vw;
          line-height: 1.71429; } }
      .recruit .faq ul li:first-child {
        padding: 0; }
      .recruit .faq ul li a {
        position: relative;
        display: block;
        padding: 27px 135px 0 66px;
        background: url("../img/recruit/index/faq_bg.png") 0 0 no-repeat;
        background-size: 100% 100%; }
        @media screen and (max-width: 751px) {
          .recruit .faq ul li a {
            padding: 8vw 6.66667vw 0 6.66667vw; } }
        .recruit .faq ul li a:before {
          content: '';
          display: block;
          position: absolute;
          top: 27px;
          right: 27px;
          width: 37px;
          height: 37px;
          border-radius: 19px;
          background: #fff; }
          @media screen and (max-width: 751px) {
            .recruit .faq ul li a:before {
              top: 7.2vw;
              right: 2.66667vw;
              width: 9.86667vw;
              height: 9.86667vw;
              border-radius: 5.06667vw; } }
        .recruit .faq ul li a.js_open dl:after {
          transform: rotate(90deg); }
        .recruit .faq ul li a dl:before, .recruit .faq ul li a dl:after {
          content: '';
          display: block;
          position: absolute;
          top: 45px;
          right: 40px;
          width: 11px;
          height: 1px;
          background: #000; }
          @media screen and (max-width: 751px) {
            .recruit .faq ul li a dl:before, .recruit .faq ul li a dl:after {
              top: 12vw;
              right: 6.13333vw;
              width: 2.93333vw; } }
        .recruit .faq ul li a dl:after {
          top: 40px;
          right: 45px;
          width: 1px;
          height: 11px;
          transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
          @media screen and (max-width: 751px) {
            .recruit .faq ul li a dl:after {
              top: 10.66667vw;
              right: 7.46667vw;
              width: 1px;
              height: 2.93333vw; } }
        .recruit .faq ul li a dl dt {
          position: relative;
          padding: 0 0 27px 72px;
          font-weight: 700; }
          @media screen and (max-width: 751px) {
            .recruit .faq ul li a dl dt {
              padding: 0 10.66667vw 6.66667vw 12vw; } }
          .recruit .faq ul li a dl dt:before {
            content: 'Q';
            position: absolute;
            display: block;
            top: -0.1rem;
            left: 0;
            font-size: 26px;
            line-height: 1;
            font-family: 'Inter', sans-serif;
            font-weight: normal; }
            @media screen and (max-width: 751px) {
              .recruit .faq ul li a dl dt:before {
                font-size: 6.93333vw; } }
        .recruit .faq ul li a dl dd {
          height: 0;
          overflow: hidden;
          transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1); }
          .recruit .faq ul li a dl dd span {
            position: relative;
            display: block;
            padding: 0 0 27px 72px; }
            @media screen and (max-width: 751px) {
              .recruit .faq ul li a dl dd span {
                padding: 0 0 6.66667vw 12vw; } }
            .recruit .faq ul li a dl dd span:before {
              content: 'A';
              position: absolute;
              display: block;
              top: -0.2rem;
              left: 0;
              font-size: 26px;
              line-height: 1;
              font-family: 'Inter', sans-serif;
              color: #E83820; }
              @media screen and (max-width: 751px) {
                .recruit .faq ul li a dl dd span:before {
                  font-size: 6.93333vw; } }
.recruit_type:before {
  content: '';
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url("../img/common/bg.jpg") 0 bottom no-repeat;
  background-size: cover; }
  @media screen and (max-width: 751px) {
    .recruit_type:before {
      background: url("../img/common/bg_sp.jpg") 0 bottom no-repeat;
      background-size: cover; } }
.recruit_type_detail {
  padding: 200px 0 130px;
  text-align: center; }
  @media screen and (max-width: 751px) {
    .recruit_type_detail {
      padding: 32.53333vw 0 21.33333vw; } }
  .recruit_type_detail h1 {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 700; }
    @media screen and (max-width: 751px) {
      .recruit_type_detail h1 {
        font-size: 4.8vw; } }
  .recruit_type_detail table {
    margin: 45px auto 0;
    width: 730px;
    font-size: 14px;
    line-height: 1.71429; }
    @media screen and (max-width: 751px) {
      .recruit_type_detail table {
        margin: 8vw 6.4vw 0;
        width: auto; } }
    .recruit_type_detail table tr th {
      padding: 37px 0;
      border-top: 1px solid #BCBCBC;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-align: left;
      white-space: nowrap; }
      @media screen and (max-width: 751px) {
        .recruit_type_detail table tr th {
          display: block;
          padding: 9.06667vw 0 0; } }
    .recruit_type_detail table tr td {
      padding: 37px 0 37px 30px;
      border-top: 1px solid #BCBCBC;
      text-align: left; }
      @media screen and (max-width: 751px) {
        .recruit_type_detail table tr td {
          display: block;
          padding: 0 0 8vw;
          border-top: none; } }
  .recruit_type_detail .button_apply {
    display: block;
    margin: 13px auto 65px;
    padding: 33px 0;
    width: 730px;
    background: url("../img/recruit/index/faq_bg.png") 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 700; }
    @media screen and (max-width: 751px) {
      .recruit_type_detail .button_apply {
        margin: 0 6.4vw 20vw;
        padding: 3.73333vw 0;
        width: auto;
        font-size: 3.73333vw; } }
  .recruit_type_detail .more_link {
    position: relative;
    display: inline-block;
    padding: 14px 57px 14px 57px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
    @media screen and (max-width: 751px) {
      .recruit_type_detail .more_link {
        padding: 3.46667vw 15.2vw 3.2vw 15.2vw;
        border-radius: 26.66667vw;
        font-size: 3.73333vw; } }
.recruit_humanhistory .humanhistory_mv {
  position: relative;
  margin-top: 230px; }
  @media screen and (max-width: 751px) {
    .recruit_humanhistory .humanhistory_mv {
      margin-top: 33.06667vw; } }
  .recruit_humanhistory .humanhistory_mv .inner {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 2;
    width: 1000px;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 751px) {
      .recruit_humanhistory .humanhistory_mv .inner {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 6.4vw 62.66667vw;
        width: 100%;
        transform: none; } }
    .recruit_humanhistory .humanhistory_mv .inner h1 {
      padding: 107px 0 0;
      font-size: 22px;
      line-height: 1.63636;
      letter-spacing: 0.06em;
      font-weight: 700; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_mv .inner h1 {
          padding: 0;
          font-size: 4.8vw;
          line-height: 1.66667; } }
      .recruit_humanhistory .humanhistory_mv .inner h1 span {
        display: block;
        padding: 0 0 15px;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0.05em;
        font-weight: normal;
        color: #E83820; }
        @media screen and (max-width: 751px) {
          .recruit_humanhistory .humanhistory_mv .inner h1 span {
            padding: 0 0 4vw;
            font-size: 3.2vw; } }
    .recruit_humanhistory .humanhistory_mv .inner p.name {
      padding: 24px 0 0;
      font-size: 14px;
      line-height: 1.71429;
      letter-spacing: 0.06em; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_mv .inner p.name {
          padding: 5.33333vw 0 0;
          font-size: 3.73333vw; } }
    .recruit_humanhistory .humanhistory_mv .inner p.joined {
      padding: 26px 0 0;
      font-size: 12px;
      line-height: 1;
      letter-spacing: 0.06em;
      font-weight: 700;
      color: #E83820; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_mv .inner p.joined {
          padding: 2.66667vw 0 0;
          font-size: 3.2vw; } }
      .recruit_humanhistory .humanhistory_mv .inner p.joined span {
        position: relative;
        display: block;
        margin: 12px 0 0;
        padding: 13px 0 0;
        font-size: 10px;
        line-height: 1;
        letter-spacing: 0.05em;
        font-weight: normal; }
        @media screen and (max-width: 751px) {
          .recruit_humanhistory .humanhistory_mv .inner p.joined span {
            margin-top: 3.2vw;
            padding: 3.46667vw 0 0;
            font-size: 2.66667vw; } }
        .recruit_humanhistory .humanhistory_mv .inner p.joined span:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 30px;
          height: 1px;
          background: #E83820; }
          @media screen and (max-width: 751px) {
            .recruit_humanhistory .humanhistory_mv .inner p.joined span:before {
              width: 8vw; } }
  .recruit_humanhistory .humanhistory_mv .img {
    position: relative;
    display: block;
    text-align: right; }
    @media screen and (max-width: 751px) {
      .recruit_humanhistory .humanhistory_mv .img {
        position: absolute;
        bottom: 0;
        left: 0; } }
  .recruit_humanhistory .humanhistory_mv + .humanhistory_contents {
    padding: 90px 0 0; }
    @media screen and (max-width: 751px) {
      .recruit_humanhistory .humanhistory_mv + .humanhistory_contents {
        padding: 16vw 6.4vw 0; } }
.recruit_humanhistory .humanhistory_contents {
  padding: 150px 0 0; }
  @media screen and (max-width: 751px) {
    .recruit_humanhistory .humanhistory_contents {
      padding: 8vw 6.4vw 0; } }
  .recruit_humanhistory .humanhistory_contents .inner {
    position: relative;
    margin: 0 auto;
    width: 620px; }
    @media screen and (max-width: 751px) {
      .recruit_humanhistory .humanhistory_contents .inner {
        width: auto; } }
    .recruit_humanhistory .humanhistory_contents .inner h2 {
      position: relative;
      padding: 0 0 0 52px;
      font-size: 18px;
      line-height: 1.66667;
      letter-spacing: 0.06em;
      font-weight: 700; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_contents .inner h2 {
          padding: 0 0 0 14.66667vw;
          font-size: 4.26667vw;
          line-height: 1.75; } }
      .recruit_humanhistory .humanhistory_contents .inner h2:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 36px;
        height: 1px;
        background: #E83820;
        transform: translateY(-50%); }
        @media screen and (max-width: 751px) {
          .recruit_humanhistory .humanhistory_contents .inner h2:before {
            top: 0.75rem;
            width: 9.33333vw;
            transform: none; } }
      .recruit_humanhistory .humanhistory_contents .inner h2 + p {
        padding-top: 50px; }
        @media screen and (max-width: 751px) {
          .recruit_humanhistory .humanhistory_contents .inner h2 + p {
            padding-top: 6.66667vw; } }
    .recruit_humanhistory .humanhistory_contents .inner p {
      padding: 2rem 0 0;
      font-size: 15px;
      line-height: 2; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_contents .inner p {
          padding: 1rem 0 0;
          font-size: 3.73333vw;
          line-height: 1.71429; } }
  .recruit_humanhistory .humanhistory_contents .img {
    display: block;
    text-align: center; }
    .recruit_humanhistory .humanhistory_contents .img:first-child {
      padding-bottom: 90px; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_contents .img:first-child {
          padding-bottom: 16vw; } }
    .recruit_humanhistory .humanhistory_contents .img:last-child {
      padding-top: 175px; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_contents .img:last-child {
          padding-top: 32vw; } }
    .recruit_humanhistory .humanhistory_contents .img.-left {
      text-align: left; }
    .recruit_humanhistory .humanhistory_contents .img.-right {
      text-align: right; }
.recruit_humanhistory .humanhistory_navi {
  margin: 0 auto;
  padding: 140px 0 151px;
  width: 870px;
  text-align: center; }
  @media screen and (max-width: 751px) {
    .recruit_humanhistory .humanhistory_navi {
      padding: 18.66667vw 6.4vw 21.33333vw;
      width: auto; } }
  .recruit_humanhistory .humanhistory_navi ul {
    margin: 0 auto 80px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 751px) {
      .recruit_humanhistory .humanhistory_navi ul {
        display: block;
        margin: 0 auto 16vw; } }
    .recruit_humanhistory .humanhistory_navi ul li {
      width: 46.43678%; }
      @media screen and (max-width: 751px) {
        .recruit_humanhistory .humanhistory_navi ul li {
          padding: 2.66667vw 0 0;
          width: auto; } }
      .recruit_humanhistory .humanhistory_navi ul li a {
        position: relative;
        display: block;
        font-weight: 700;
        color: #fff;
        text-align: left; }
        .recruit_humanhistory .humanhistory_navi ul li a:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(87, 88, 93, 0.5); }
        .recruit_humanhistory .humanhistory_navi ul li a dl {
          position: relative;
          z-index: 2;
          padding: 102px 0 25px 30px; }
          @media screen and (max-width: 751px) {
            .recruit_humanhistory .humanhistory_navi ul li a dl {
              padding: 32vw 0 4.8vw 5.33333vw; } }
          .recruit_humanhistory .humanhistory_navi ul li a dl dt {
            font-size: 12px;
            line-height: 1.66667;
            letter-spacing: 0.06em; }
            @media screen and (max-width: 751px) {
              .recruit_humanhistory .humanhistory_navi ul li a dl dt {
                font-size: 3.2vw; } }
          .recruit_humanhistory .humanhistory_navi ul li a dl dd {
            font-size: 14px;
            line-height: 1.71429; }
            @media screen and (max-width: 751px) {
              .recruit_humanhistory .humanhistory_navi ul li a dl dd span:first-child {
                display: none; } }
            .recruit_humanhistory .humanhistory_navi ul li a dl dd span:last-child {
              display: block;
              position: absolute;
              top: 10px;
              right: 20px;
              padding: 0 20px 0 0;
              font-size: 11px;
              letter-spacing: 0.03em;
              font-weight: normal; }
              @media screen and (max-width: 751px) {
                .recruit_humanhistory .humanhistory_navi ul li a dl dd span:last-child {
                  top: 5.33333vw;
                  right: 5.33333vw;
                  padding: 0 5.33333vw 0 0;
                  font-size: 2.93333vw; } }
              .recruit_humanhistory .humanhistory_navi ul li a dl dd span:last-child:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                right: 0;
                width: 6px;
                height: 6px;
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
                transform: translateY(-50%) rotate(45deg); }
                @media screen and (max-width: 751px) {
                  .recruit_humanhistory .humanhistory_navi ul li a dl dd span:last-child:after {
                    width: 1.6vw;
                    height: 1.6vw; } }
  .recruit_humanhistory .humanhistory_navi .more_link {
    position: relative;
    display: inline-block;
    padding: 14px 57px 14px 57px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.03em;
    font-weight: 700;
    transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
    @media screen and (max-width: 751px) {
      .recruit_humanhistory .humanhistory_navi .more_link {
        padding: 3.46667vw 15.2vw 3.2vw 15.2vw;
        border-radius: 26.66667vw;
        font-size: 3.73333vw; } }
.recruit_humanhistory.-humanhistory1 .humanhistory_navi_prev a {
  background: url("../img/recruit/humanstory/01/prev.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory1 .humanhistory_navi_next a {
  background: url("../img/recruit/humanstory/01/next.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory2 .humanhistory_navi_prev a {
  background: url("../img/recruit/humanstory/02/prev.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory2 .humanhistory_navi_next a {
  background: url("../img/recruit/humanstory/02/next.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory3 .humanhistory_navi_prev a {
  background: url("../img/recruit/humanstory/03/prev.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory3 .humanhistory_navi_next a {
  background: url("../img/recruit/humanstory/03/next.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory4 .humanhistory_navi_prev a {
  background: url("../img/recruit/humanstory/04/prev.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory4 .humanhistory_navi_next a {
  background: url("../img/recruit/humanstory/04/next.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory5 .humanhistory_navi_prev a {
  background: url("../img/recruit/humanstory/05/prev.jpg") center bottom no-repeat;
  background-size: cover; }
.recruit_humanhistory.-humanhistory5 .humanhistory_navi_next a {
  background: url("../img/recruit/humanstory/05/next.jpg") center bottom no-repeat;
  background-size: cover; }

/*求人票内テキストリンク*/
a.other_page_link{
text-decoration: underline;
}
a.other_page_link:hover{
color: #E83820;
}

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